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>

7. <body>

8. Website pertama saya

9. </body>

10. </HTML>

Bingung? Tenang, saya jelaskan tiap baris kode tersebut.

<!DOCTYPE HTML>

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.

Awal dari isi dokumen HTML dimulai dari sini, semua kode HTML yang akan anda buat

akan ditulis di dalam tag ini, perhatikan juga bahwa setiap tag harus memiliki tag

penutup.

Tag Head akan digunakan untuk menyimpan berbagai informasi tentang dokumen

HTML, lebih detailnya akan kita temui pada bab selanjutnya. Apa yang terdapat di dalam

tag ini, tidak akan ditampilkan secara langsung pada web browser.

Salah satu contoh informasi yang terdapat di dalam tag Head adalah title. Title akan

menampilkan teks pada judul browser atau pada tab browser.

Nah, apa yang ingin anda tampilkan pada browser akan ditulis di dalam tag ini, tag body

merupakan tag pembuka dari badan dokumen HTML.

Mudah dimengerti bukan? Lalu apakah penulisan tag-tag HTML harus seperti contoh di

atas? Seperti penambahan tab/indentasi pada setiap tag?. Sebenarnya Anda bisa saja

menuliskan kode HTML seperti ini :

<!DOCTYPE HTML><HTML><head><title>Judul File HTML</title></head><body>Website

pertama 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?

Nah loh?!

Untuk itu kita menambahkan indentasi, disetiap 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