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:
<!doctype html>
<html>
<head>
<title>Judul File
HTML</title>
</head>
<body>
Website
<strong><em>pertama</em></strong> saya
</body>
</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.
<html> … </html>
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.
<head> … <head>
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.
<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.
<body> … </body>
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
<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? 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 mengontrol, apakah suatu tag sudah ditutup atau
belum.
No comments:
Post a Comment