Pada postingan sebelumnya, saya
telah menuliskan tentang contoh sebuah HTML sederhana tanpa ada penjelasan dari
detail isi dokumen tersebut. Untuk postingan tutorial kedua ini saya akan coba
diskusikan tentang bagian penting dari sebuah dokumen HTML, maksudnya adalah
setiap fungsi dari bagian-bagian yang ada pada sebuah dokumen HTML. Bagian
Header, Title dan Body.
Sebelum memulai bagian kedua ini
sebaiknya lihat dulu postingan tentang tutorial HTML 1 (bagi yang belum), bila
sudah bisa dilihat gambar di bawah ini:
Pada gambar di atas terlihat
bahwa ada 4 bagian (tag) yang digunakan pada bentuk dasar HTML. Berikut
beberapa penjelasannya:
HTML tag:
Setiap dokumen HTML dimulai
dengan . Bahkan jika kita
melakukan klik kanan pada pada halaman blog ini dan memilih view page source kita akan melihat HTML
pada halaman postingan ini. Pada bagian atas kita akan melihat tag .Ini membuktikan bahwa semua isi
dokumen dianggap sebagai HTML oleh browser. Jadi, setiap kali kita membuat
dokumen HTML baru, itu harus dimuali dengan tag . dan di akhiri
dengan tag
HEAD tag:
Terletak di bawah tag
ini adalah bagian awal, atas, kepala dari dokumen HTML kita. Di dalam
head ini bisa saja mengandung beberapa tag tetapi yang paling penting adalah
tag title atau judul . </span></p>
<span style="font-family: "Trebuchet MS",sans-serif;">
</span><p class="MsoNormal" style="text-align:justify">
<span style="font-family: "Trebuchet MS",sans-serif;">Â </span></p>
<span style="font-family: "Trebuchet MS",sans-serif;">
</span><p class="MsoNormal" style="text-align:justify">
<span style="font-family: "Trebuchet MS",sans-serif;">TITLE tag: <title></span></p>
<span style="font-family: "Trebuchet MS",sans-serif;">
</span><p class="MsoNormal" style="text-align:justify">
<span style="font-family: "Trebuchet MS",sans-serif;">Setiap dokumen harus mempunyai
sebuah judul atau nama. Title harus di mulai dengan tag <title> dan di
akhiri oleh . Judul ini tidak akan muncul di dalam halaman
website /blog, tetapi akan terlihat pada judul yang ada ti TAB (paling atas)
browser kita.
BODY tag:
Seperti pengertian nya pada tag
body ini di isi dengan konten utama kita. Apa yang ingin kita buat dalam
dokumen HTML harus berada di antara tag . Dalam tag
body ini bisa terdapat ribuan tag yang berkaitan agar isi dari halaman website
nya dapat terlihat indah dan menarik oleh pembaca.
Well,,, saya harap pada saat ini
kita sudah memahami kerangka dasar dari dokumen HTML dan bagian2 penting nya.
Kita juga harus ingat bahwa setiap tag di mulai (buka) dengan <> dan di
akhiri (tutup) dengan </>. Sebenarnya ada beberapa tag yang tidak
mempunyai tag penutup </>! Dan ada pula beberapa tag yang memang tidak
perlu di tutup.
Tag apa saja yang tidak perlu dan
tidak mempunyai tag penutup??? Kita akan bahas di postingan berbeda. Dan untuk
postingan berikutnya kita akan membahas tentang tag yang di pakai pada contoh
tutorial pertama.
Pada beberapa blog yang pernah
saya baca menerangkan bahwa HTML tidak terlalu sulit untuk dipelajari. Tetapi
ruang lingkup dari HTML sangatlah luas. Versi terakhir dari HTML adalah HTML5.
Pada HTML sangat mungkin akan ada aturan ataupun kode baru di masa yang akan dating.
Kita memang harus bersabar untuk
menjadi ahli dalam HTML. Pelajari satu per satu, step by step. Karena mungkin suatu saat ilmu HTML ini akan sangat
diperlukan oleh kita semua. Kita tidak tahu perkembangan seputar teknologi
(khususnya internet) akan seperti apa nantinya tetapi setidaknya bila kita
mengetahui ilmu dasar dari HTML ini mungkin akan membuat kita sedikit melek dan
memahami logika dari program yang ada pada komputer, laptop, bahkan smartphone
yang kita miliki dan tentunya akan terus berkembang.
ini adalah bagian awal, atas, kepala dari dokumen
HTML kita. Di dalam head ini bisa saja mengandung beberapa tag tetapi yang
paling penting adalah tag title atau judul
COMMENTS