Setiap halaman HTML setidaknya mempunyai struktur dasar yang terdiri dari : Tag DTD atau DOCTYPE, taghtml, tag head, dan tag body. Inilah yang merupakan struktur paling dasar dari HTML, walaupun HTML tidak hanya berisi struktur tersebut. Agar lebih gampang memahaminya, silahkan buka text teman-teman, lalu ketikkan arahan berikut ini:
<!DOCTYPE html>
<html>
<head>
<title>Title dari Websiteku</title>
</head>
<body>
<h1>Selamat Pagi Dunia, Hello World!</h1>
</body>
</html>
<html>
<head>
<title>Title dari Websiteku</title>
</head>
<body>
<h1>Selamat Pagi Dunia, Hello World!</h1>
</body>
</html>
Save sebagai index.html dan jalankan file dengan cara double klik file tersebut, atau klik kanan –> Open With –>Google Chrome. Kita akan membahas tag-tag yang ditulis tersebut pada toturial kali ini.
Tag paling awal dari pola HTML diatas ialah DTD atau DOCTYPE. DTD ialah abreviasi dari Document Type Declaration. Yang berfungsi untuk memberi tahu kepada web browser bahwa dokumen yang akan diproses ialah HTML.
DTD mempunyai banyak versi tergantung kepada versi HTML yang kita gunakan. Pada pola diatas, kita memakai DTD versi HTML 5. Sebelum HTML 5, DTD terdiri dari text panjang yang hampir tidak mungkin dihafal. Contohnya, DTD untuk xHTML 1.0 adalah:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Jika kita tidak menuliskan DTD, browser akan tetap menampilkan dan memproses halaman web kita menyerupai tidak terjadi apa-apa. Namun browser bergotong-royong menjalankan halaman HTML tersebut pada mode khusus yang disebut quirk mode. Pada quirk mode ini, web browser menerjemahkan halaman web dan terutama CSS sedikit berbeda dari seharusnya. Hal ini alasannya ialah web browser menganggap kalau tidak ada DTD, maka halaman tersebut kemungkinan ialah halaman web usang, dan memakai aturan-aturan yang berbeda supaya sanggup ditampilkan.
Setelah DTD, tag berikutnya ialah tag <html>. Ini ialah tag pembuka dari keseluruhan halaman web. Semua arahan HTML akan berada di dalam tag ini. Tag html dimulai dengan <html> dan diakhiri dengan </html>
Elemen pada tag <head> umumnya akan berisi aneka macam definisi halaman, menyerupai arahan CSS, JavaScript, dan kode-kode lainnya yang tidak tampil di browser. Tag <title> dalam pola kita dipakai untuk menampilkan title dari sebuah halaman web, dan biasanya ditampilkan pada bab paling atas web browser. Contohnya pada tampilan halaman.html, ‘Title dari Websiteku’ akan ditampilkan pada tab browser.
Tag <body>
Tag <body> akan berisi semua elemen yang akan tampil dalam halaman web, menyerupai paragraf, tabel, link, gambar, dll. Tag body ini ditutup dengan </body>. Sebagian besar waktu kita dalam merancang web ialah di dalam tag <body> ini.
Perhatikan bahwa setiap tag akan diakhiri dengan epilog tag. Termasuk <html> yang merupakan tag paling awal dari sebuah halaman web.
Stuktur HTML yang kita bahas disini ialah struktur sangat sederhana. Sebuah halaman web sanggup mempunyai ratusan bahkan ribuan baris, dan memakai aneka macam tag HTML.
Sekian klarifikasi mengenai Struktur Dasar HTML untuk penggunaan HTML yang lain akan aku bahas pada tutorial selanjutnya.
No comments:
Post a Comment