Struktur File HTML

oleh

Struktur file HTML

Suatu dokumen HTML juga mempunyai aturan dalam penulisannya, ada beberapa tag yang harus anda tuliskan dan sudah menjadi ketentuan, jika kita perbaiki latihan kita sebelumnya menjadi dokumen HTML yang benar maka kodenya menjadi seperti berikut :

1. <!DOCTYPE HTML>
2. <HTML>
3. <head>
4. <title>Judul File HTML</title>
5. </head>
6.
7. <body>
8. Website <strong><em>pertama</em></strong> saya
9. </body>
10. </HTML>

Apakah bingung melihatnya? Tenang saja, mari kita uraikan tiap baris kode tersebut, yaitu :

1. <!DOCTYPE HTML>, adalah Tag awal dari setiap dokumen HTML, tag ini berfungsi untuk menginformasikan pada browser bahwa dokumen yang sedang di buka adalah dokumen HTML, tag ini perlu di cantumkan pada setiap dokumen HTML yang akan anda buat.

2. <HTML> … </HTML>, awal dari isi dokumen HTML di mulai dari sini, semua kode HTML yang akan anda buat akan di tulis di dalam tag ini, perhatikan juga bahwa setiap tag harus memiliki tag penutup.

3. <head> … <head>, tag Head akan di gunakan untuk menyimpan berbagai informasi tentang dokumen HTML, apa yang terdapat di dalam tag ini, tidak akan di tampilkan secara langsung pada web browser.

4. <title> … </title>, salah satu contoh informasi yang terdapat di dalam tag Head adalah title, title akan menampilkan teks pada judul browser atau pada tab browser.

5. <body> … </body>, ini adalah apa yang ingin anda tampilkan pada browser akan di tulis di dalam tag ini, tag body merupakan tag pembuka dari badan dokumen HTML.

Itulah keterangan kerangka HTML di atas, lalu apakah penulisan tag-tag HTML harus seperti contoh di atas? Seperti penambahan tab atau indentasi pada setiap tag? 

Sebenarnya anda bisa saja menuliskan kode HTML seperti ini misalnya :
 <!DOCTYPE HTML><HTML><head><title>Judul File HTML</title></head><body>Website
<i>pertama</i> saya</body></HTML>

Dan yang anda dapatkan dalam browserpun sama, namun anda akan kesulitan membaca dokumen HTML tersebut, kalau saja dokumen HTML yang anda buat hanya 10 baris mungkin hal ini tidak akan menjadi masalah, namun bagaimana jika 1000 baris? 

Untuk itu kita menambahkan indentasi, di setiap isi konten dari suatu tag, misalnya : 

<head>
<title>Judul File HTML</title>
</head>

Ini menandakan bahwa tag title berada di dalam tag head, selain itu kita juga bisa mengontrol, apakah suatu tag sudah di tutup atau belum.