Belajar HTML Part 4 Struktur Dasar HTML


Silahkan dilihat dari skrip yang sudah kita tuliskan di tutorial HTML Part 2 kita sudah menuliskan skrip HTML seperti berikut ini :





<!DOCTYPE html>
<html>
<head>
<title>Belajar HTML</title>
</head>
<body>
Belajar HTML itu mudah
</body>
</html>




Jadi skrip HTML itu seharusnya memiliki beberapa struktur dasar yang perlu ditulis antara lain :





  1. Tag DTD atau Doctype
  2. Tag HTML
  3. Tag Head
  4. Tag Body




Nah Tag diatas adalah struktur dasar dari HTML yang seharusnya harus ada di setiap file html yang anda tulis, kita akan pelajari satu persatu.





Tag DTD atau Doctype





Tag DTD atau Doctype ini digunakan untuk memberi tahu browser bahwa kode yang anda tulis adalah skrip HTML, dan akan di proses oleh browser sebagai kode HTML. DTD adalah singkatan dari Document Type Declaration.





Penulisan DTD dengan skrip <!DOCTYPE html> (Line 1) karena kita menggunakan versi HTML 5 yang merupakan HTML versi HTML terbaru, jika di versi dari html sebelumnya penulisannya cukup panjang :





<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”





“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>





Saya menyarankan untuk anda menuliskan dari tag DTD di bagian awal dari HTML, agar browser akan mengenali web anda dengan mode Quirk mode.





Waduh istilah apa lagi nih ?





Quirk mode adalah istilah yang digunakan oleh browser yang akan membuatnya mengenali halaman html yang anda buat secara baik dan optimal.





Tag HTML





Berikutnya adalah tag html, seluruh kode html yang anda tulis harus dituliskan di antara tag <html> (Line 2) dan </html> (Line 9) jadi tag ini wajib anda tuliskan ketika membuat file HTML





Tag Head





Setelah tag HTML adalah tag Head, di antara tag <head> (Line 3) dan </head> (Line 5) ini biasanya dituliskan dari deklarasi ataupun link dari file css ataupun javascript.





Nah kalau di dalam contoh anda melihat ada sebuah tag <title></title> (Line 4) tag ini digunakan untuk memberikan title dari websitenya, tulisan diatara tag <title></title> akan tampil di tab browser ketika anda membuka file htmlnya.





Tag Body





Nah berikutnya adalah tag body, didalam tag ini kita akan banyak menulis skrip dari HTML, seperti paragraph, image, table, list dll. Jadi yang ingin anda tampilkan di websitenya perlu anda tuliskan di antara tag <body> (Line 6) dan </body> (Line 8)





Nah cukup mudahkan memahami struktur dasar dari file html, jadi kalau diperhatikan dari contoh file html yang telah kita buat di part 2 :





  1. Bagian text “Belajar HTML” yang kita tulis di antara <title> dan </title> (Line 4) akan muncul di tab dari browsernya
  2. Dan text “Belajar HTML itu mudah” yang kita tulis di antara tag <body> dan </body> (Line 7) akan tampil di bagian browsernya








Jadi cukup mudah bukan mempelajari dari struktur dasar dari HTML, sekian dulu tutorial mengenai struktur dasar dari HTML, sampai jumpa di tutorial belajar HTML berikutnya .


Previous Post Next Post

Contact Form