Kerangka Dasar HTML
Kerangka dasar HTML menurut W3 (World Wide Web) Consortium adalah :
<html>
<head>
# Isi bagian Header
</head><body>
# Bagian dari BODY</body>
</html>
Dari kerangka di atas, dapat disimpulkan bahwa sebuah file HTML (web) terdiri dari bagian header dan body.
- HEAD
Head (header) adalah bagian yang berisi perintah-perintah atau elemen-elemen yang memberikan keterangan tentang page tersebut ke internet. Elemen-elemen pada Head biasanya tidak keliatan pada browser (kecuali tag/elemen TITLE, yang keliatan pada bagian atas browser), namun memberikan informasi yang penting kepada Search Engine. Informasi meta tag berupa description dan keyword diletakkan pada bagian header. - BODY
Body (sering juga disebut content atau isi) adalah letak berbagai elemen yang dapat kita lihat secara langsung pada webpage. Intinya adalah segala teks, gambar, animasi apapun yang keliatan pada web page, semuanya diletakkan pada bagian BODY.
HTML sering saya analogikan sebagai lembaran majalah dinding atau kliping, di mana tiap page nya bisa terdiri dari elemen-elemen, elemen tersebut bisa berupa teks, gambar, animasi atau media apapun. Tiap elemen di HTML diwakilkan dengan perintah yang disebut dengan tag.
Contoh: tag <FONT> untuk mengatur huruf (font) pada teks.
Pada umumnya, setiap tag terdiri dari tag awal dan tag akhir, dengan format :
<tag awal> == Isi tag == </tag akhir>
Walaupun ada juga beberapa tag/perintah yang tidak membutuhkan atau tidak mempunyai tag akhir.
Untuk kelengkapan tag/perintah dapat dilihat pada http://www.w3schools.com/ karena tiap tag agak berbeda untuk versi HTML. Saat ini HTML yang banyak digunakan adalah HTML 4.01.
Setelah dijelaskan tentang tag, saya juga akan menjelaskan bahwa setiap elemen/tag memiliki attribute. Attribute itu berupa keterangan, ciri atau tanda yang menerangkan tag tersebut.
Analogi, HTML berupa mading yang terdiri dari elemen gambar (tag untuk gambar: <IMG>
. Gambar tersebut diletakkan pada bagian sebelah kiri paragraf. Jadi dapat dikatakan bahwa gambar tersebut memiliki attribute align left.
Kode untuk gambar tersebut adalah : <img src=”url-gambar” align=”left”>
Keterangan :
src = menunjukan source letak gambar berada.
align = mendeskripsikan bahwa gambar terletak pada bagian kiri paragraf.
Attribute pada HTML ditulis dengan format :
<tag attrib=”nilai”>
Attribute sebuah elemen bisa lebih dari 1, kelengkapannya attribute dari tiap tag dapat dilihat di http://www.w3schools.com/, nilai attribute ditulis di dalam tanda petik dua (” “). Banyak juga designer yang menuliskan nilai attribute langsung nilainya saja, tanpa tanda petik dua, namun disarankan dituliskan dalam tanda petik dua. Penjelasannya adalah pada tingkat lebih lanjut, dimana sebuah web terdiri dari berbagai animasi, atau Javascript, tanda petik dua sangat membantu untuk menunjukan mana yang berupa attribute HTML dan nilai dari Javascript.
Javascript sangat sensitif, jadi kekurangan satu tanda koma atau petik saja, dapat membuat script tidak berjalan dengan baik, jadi untuk kebaikan, saya pribadi menyarankan untuk selalu menuliskan nilai attribute di antara tanda petik dua (” “).
