Hypertext dan HTML
HTML adalah kependekat hypertext Markup languange. Fasilitas hypertext merupakan metode yang
menghubungkan (link)satu dokumen lain melalui suatu teks atau gambar.
HTML merupakan halamn
yang berada padasuatu situs internet
atau web. Jadi, suatu situs terdiri atas
beberapa halaman HTML atau web page. Semakin
menarik isi halaman suatu web,site itu dikunjungi.
HTML pada dasarnya merupakan kumpulan kode-kode yang ditampilkan
dalam format tag untuk ditampilkan dalam halaman web.
Biasanya, hyperlink ada pada halaman web
yang jika diklik oleh pengguna, browser akan menampilkan dokumen yang terhubung
dengan link tersebut. Untuk membuat suatu dokumen HTML, biasanya menggunakan
perogram Notepad,microsoft Frompage, atau Adobe Dreamweaver.pada unit ini ,
anda akan mempelajari pembuatan dokumen HTML dengan menggunakan editor teks
notepad.sekarang, anda akan mempelajari cara membuat dokument HTML sederhana.
Untuk itu,perhatikanlah langkah lankah berikut.
Untuk lebih mengenal dan dapat mebuat
dokumen HTML , langkah pertamanya adalah mengetahui elemen yang membentuk
dokumen HTML. Elemen-elemen pembentuk
HTML terdiri atas teks yang diapait
oleh pasangan kode kode khusus yang disebut tag.
Suatu file HTML pada umunya terdir atas
dua bagian, yaitu bagian kepala dan badan HTML, seperti pada bagian berikut.
<HTML>
<HEAD>
Bagian Kepala/ Tag Head
<HEAD>
<BODY>
Bagian Badan/ Tag Body
<BODY>
<HTML>
<HEAD>
Bagian Kepala/ Tag Head
<HEAD>
<BODY>
Bagian Badan/ Tag Body
<BODY>
<HTML>
1.
TAG HEAD
Teg head memiliki fungsi
untuk mendeskripsikan header atau bagian kepala dari HTML. Teg head berisi
informasi dari dokumen HTML. Informasi tersebut nantinya tidak akn ditampilkan
diweb browser. Infomasi – infomasi yang ada pad teg head adlah sebagai berikut.
·
Tag
TITLE digunakan untuk memberi judul dan suatu homepage
·
Tag
BASE, lokasi URL lengkap dari dokumen yang aka dibuat
·
Tag
LINK link (tautan)dokumen yang dibuat
dengan dokumen lain yang telah ada.
·
Tag
META , infomasi tengtang dokumen itu sendiri
2.
TAG BODYTag bodi diibaratkan sebagai badan
suatu HTML yaitu tempat untuk mengisi teks gambar atau animasi yang akan
ditampilkan pada halamn HTML.beberapa atribut yang menyertai teg <BODI>
adalah sebagai berikut
· Backgraund, digunakan untuk membuat backgraund
image
· Bgcolor
digunakan untuk menentukan warna latar belakang.
· Bgproperties
digunakan untuk menetukan nilai properti backgaraund
· Leftmargin
digunakan untuk menentikan batas kiri halaman dalam satuan pixel.
· Topmargin
digunakan untuk menentukan batas atas pada satuan pixel.
· Text
, digunakan untuk menetukan warna teks.
· Liink,digunakan
untuk menentukan warna link yang belum dikunjungi.
· Alink,
digunakan untuk menentukan warna link aktif
· Vlink,
dgunkan untuk menetukan warna link yang sudah dikunjungi.
Adapun tag
yang sering digunakan pada bagian body adalah sebagai berikut
Tag awal
|
Tag akhir
|
keterangan
|
contoh
|
<H3>
|
</H3>
|
Heading ukuran dari
huruf yang paling besar adalah ukuran <H1>
|
<h1>heading
1</h1>
<h2>heading
2</h2> heading 1 <h3>heading 3</> heading 2 <h4>heading
4</h4 heading 3
<h5>heading 5</h5> heading 4
<h6>heading 6</h6> heading 5
heading
6
|
<p>
|
</p>
|
Tag peragraf dan
tulisan akan pindah ke baris berikutnya
|
<p>Ini
paragraf ke-1</P>
ini paragrafke-1 <p>Ini paragraf ke- 2 </P> ini paragraf ke-2
<p>Ini paragraf
ke- 3 </P>
ini paragraf ke-3 |
<OL>dan
<LI>
|
</OL>dan
A/LI>
|
Untuk penulisan teg
bernomor/ordered list
|
<h4>
daftar pesanan: </h4> Daftarpesanan:
<ol>
<1i>kopi</1i> 1. kopi
<1i>teh</1i>
2. Teh
<1i>susu</1i> 3. susu
</ol>
|
,<UL> Dan
<LI>
|
<UL>dan
</LI>
|
Untuk penulisan tag
tidak bernomor / no erdered list
|
<h4>
daftar pesanan: </h4>
Daftar pesanan:
<ul>
<1i>kopi</1i>
1. kopi
<1i>teh</1i>
2. teh
<1i>susu</1i>
3. susu
</u1>
|
<HR>
|
</HR>
|
Menampilkan garis
horizintal
|
<P>Ini
adalah teks</p>
<hr>
<P>Ini
adalah teks</P>
|
<B>
|
</B>
|
Mencetak tebal
|
<b>taks tebal</b>
<i>teks miring</i>
<u>teks bawah</u>
<big>teks besar</big> <small>teks keci</small> <center>teks rata</center> |
<I>
|
</I>
|
Mencetak miring
|
|
<U>
|
</U>
|
Garis bawah teks
|
|
<BIG>
|
</BIG>
|
Memperbesar teks
|
|
<SMALL>
|
</SAMALL>
|
Memperkecil teks
|
|
<CENTER>
|
</CENTER>
|
Membuat teks rata
tengah
|
|
<BR>
|
<BR>
|
Membuat garis baru
dalam teks
|
|
<IMG>
|
</IMG>
|
Menampikan image (gambar)
|
<img src=”smiley.gif”>
|
Sebagai latihan coba anda isikan kode berikut ini pada
jendela program notepad. Kemudian, simpan
dengan nama satu.html. jangan
lupa untuk menuliskan ekstensi. Htmlatau htm.jika tidak, file,file yang
disimpan tidak akan dibuka pada web browser.selanjutnya,file tersebut otomatis
telah mrnjadi dokumen HTML.pastikan bahwa proram browser telah ter –install pada sitem operasi
komputeranda.Browser yang digunakan adalah Mozillah
firefox.
Tidak ada komentar:
Posting Komentar