Struktur dasar dokumen HTML
Struktur dasar data atau file dokumen HTML - Setelah sebelumnya kami telah membuat postingan tentang, sekarang kami akan membagikan seperti apa itu struktur file HTML.
 |
| Photo by : BizMediaTech |
Sama seperti bahasa yang lainnya, suatu Dokumen HTML juga mempunyai aturan dalam penulisannya, ada beberapa tag yang harus sobat tuliskan dan ini sudah menjadi ketentuan dalam penulisan kode HTML. Jika kita perbaiki latihan kita pada Pengenalan Tag-Tag Dasar HTML, maka penulisan yang benar untuk menjadi sebuah dokumen HTML yang terstruktur adalah :
<!DOCTYPE HTML>
<HTML>
<head>
<HTML>
<head>
<title> Nama Judul Dokumen </title>
</head>
<body>
Saya <b> belajar </b> <em> HTML </em>
<body>
</HTML>
Sobat tidak tahu apa artinya kode-kode Diatas? Tenaangg, saya jelaskan tiap baris dari kode tersebut.
<!DOCTYPEHTML>
Ini adalah Tag awal dari setiap dokumen HTML, tag ini berfungsi untuk menginformasikan pada browser bahwa dokumen yang sedang dibuka adalah dokumen HTML. Tag ini perlu dicantumkan disetiap dokumen HTML yang akan anda buat. Tag ini tidak membutuhkan Tag penutup berupa tanda slash ("/").
<HTML> ... </HTML>
Awal dari isi dokumen HTML dimulai dari tag <HTML>, semua kode HTML yang akan anda buat akan ditulis di dalam tag ini, dan tag </HTML> menandakan akhir dari kode HTML pada dokumen yang sobat buat.
<head> ... </head>
Tag head digunakan untuk menyimpan berbagai informasi tentang dokumen HTML yang sobat buat, untuk lebih jelasnya kami akan bahas pada postingan selanjutnya. Apa yang terdapat pada tag ini, tidak akan ditampilkan secara langsung oleh web browser.
<title> ... </title>
Salah satu contoh informasi yang terdapat dalam tag <head> adalah title. Title berfungsi untuk memberi judul sebuah halaman yang sobat buat, isi dari tag ini akan ditampilkan pada tab web browser sobat.
<body> ... </body>
Nah, apa yang ingin sobat tampilkan pada halaman yang sobat buat akan ditulis dalam tag ini. Tag body merupakan awal dari badan dokumen HTML atau biasa disebut sebagai Tag pembuka badan HTML. Tag ini membutuhkan tag penutup untuk menandakan akhir dari badan HTML.
Mudah dimengerti bukan? Lalu, apakah penulisan tag HTML harus seperti contoh diatas? Harus menambahkan tab/indentasi pada setiap tag-nya? Jawabanya adalah tidak, sebenarnya sobat bisa saja menuliskan kode HTML-nya seperti ini :
<!DOCTYPEHTML> <HTML> <head> <title> Nama judul HTML </title> </head> <body> Saya <b> Belajar </b> <em>HTML</em></body></HTML>
Dan hasilnya pada web browser pun sama saja, tapi sobat pasti bakal kesulitan untuk membaca dokumen HTML tersebut. Ya mungkin kalau kode yang dibuat hanya sedikit seperti contoh diatas tidak terlalu jadi masalah, tapi kalau kode nya sampai 1000 baris? Dijamin sobat kesulitan membacanya, dan kalau ada yang salah pun akan sulit juga untuk mencari kesalahannya.
Jadi, saya sangat amat menyarankan untuk sobat agar memberikan tab/indetasi pada setiap tag HTML-nya. Selain terlihat lebih rapih, itu juga akan membantu sobat dalam pembuatan dokumen HTML. Misalnya, sobat bisa mengecek apakah ada Tag HTML yang belum ditutup atau tidak.
Comments
Post a Comment