Dalam penulisan HTML ada dikenal istilah struktur penulisan HTML. Struktur ini secara umum adalah standar dalam penuliasn HTML semua website. Struktur tersebut terdiri dari Pembukaan, Head, dan Body. Untuk format struktur penulisan tersebut secara umum bisa dilihat pada kode di bawah ini.
<!DOCTYPE html>
<html>
<head>
<title>Ini Judul Website dan berada dalam Head</title>
</head>
<body>
<p>Bagian ini ada pada Body sebuah halaman HTML</p>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>Ini Judul Website dan berada dalam Head</title>
</head>
<body>
<p>Bagian ini ada pada Body sebuah halaman HTML</p>
</body>
</html>
Pembukaan Penulisan HTML
Pada bagian pembukaan bisa dilihat pada bagian yang berwarna biru pada sampel kode di atas. Terlihat disana ada tulisan <!DOCTYPE html>. Bagian ini disebut sebagai pembuka atau DTD (Document Type Declaration). Fungsi DTD ini adalah untuk memberi perintah pada browser agar membaca dokumen tersebut dengan format html.
Pada penggunaanya DTD memiliki beberapa versi. Contoh di atas adalah penggunaan untuk HTML5. Sementara untuk DTD versi lain (xHTML v 1.0) digunakan DTD yang lebih panjang yaitu.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Jika DTD ini tidak ditulis pada sebuah halaman, browser tetap bisa membaca html yang ditulis. Tetapi ini dijalankan dalam mode yang disebut quirk-mode. Quirk Mode akan membaca halaman agak berbeda dengan seharusnya. Ini dikarenakan browser beranggapan DTD tak ditemukan dan halaman tampil dalam halaman web lama. Agar bisa tetap tampil dengan semestinya anda bisa mengaturnya pada browser. Klikkanan pada halaman browser - Page Info dan temukan - Render Mode. Perhatikan disana apakah berada pada quirk mode atau standard mode.
Tag <html> dan <head> pada Penulisan HTML
Kemudian dari kode di atas ada bagian yang berwarna merah. Bagia tersebut dimulai dengan tag <html>. Tag ini merupakan bagian pembuka untuk keseluruhan halam yang ditampilkan. Semua halaman yang akan ditampilkan harus berada dalam tag <html> hingga berakhir di bagian </html> (bagian bawah).
Kemudian ada bagian <head> dan diakhiri </head>. Pada bagian ini biasanya diisi untuk judul halaman. Judul halaman ini ditampilkan pada bagian bar browser.
Selain itu di antara <head> dan </head> ini juga akan diisi dengan CSS dan javascript untuk website.
Tag <body> pada HTML
Dalam tag yang diawali <body> dan di akhiri </body> akan diisikan dengan keseluruhan yang akan tampil dalam web. Contohnya bisa dilihat pada kode di atas pada bagian yang berwarna kuning. Bagian ini yang akan memakan banyak waktu dalam perancangan web.
Posisi penutup </body> ini berada di atas penutup </html>. Susunan tersebut sudah jelas terlihat pada contoh kode di atas. Nah itulah dia struktur format umum dalam penulisan html. Setelah mengetahui bagian bagian tersebut tentu anda tahu dimana harus meletakkan sesuatu pada website anda. Misalkan CSS, harus ditaruh di antara <head> dan </head>. Kemudian teks dan konten yang ditampilkan di posisikan di dalam body.
Share Yuk
Related Posts
Loading...
No comments:
Post a Comment