Pada umumnya untuk membuat struktur dasar dari HTML adalah Tag DTD atau DOCTYPE, tag html, tag head, dan tag body. Semua tag tersebut adalah tag paling dasar atau lebih tepatnya tag yang sering ditemukan pada setiap dokumen HTML, walaupun pada umumnya tidak hanya Tag itu saja untuk struktur dasar HTML.
Agar lebih mudah untuk memahaminya, silahkan buka text editor kesayangan Anda, saya menggunakan text editor “notepad++“, kemudian ketikkan kode dibawah ini.
Kemudian simpan dengan ekstensi (.html), sebagai contoh saya simpan dengan nama page.html dan jalankan file tersebut dengan cara double klik file tersebut atau klik kanan -> open with -> Google Chrome. Hasilnya terlihat seperti gambar dibawah ini.
Dari contoh diatas kita bisa melihat ada beberapa tag, diantaranya:
DOCTYPE atau lebih dikenal dengan DTD merupakan singkatan dari Document Type Declaration, dimana fungsi dari DTD adalah untuk memberitahu atau memberikan informasi kepada web browser bahwa dokumen yang akan di proses itu adalah dokumen HTML. Perlu diketahui bahwa DTD itu memiliki banyak versi tergantung pada versi HTML yang digunakan. Untuk contoh di atas kita menggunakan DTD versi HTML5.
Bagaimana kalau kita lupa tidak memasukan Tag DTD pada sebuah dokumen HTML? Jika kita lupa tidak memasukan Tag pada dokumen HTML, itu tidak akan berpengaruh terhadap tag lain atau bisa membuat error dan web browser juga akan membaca dokumen HTML kita itu seperti biasa. Akan tetapi jika kita tidak memasukan Tag DTD pada dokumen HTML, web browser akan menjalankan dokumen kita pada mode khusus, yaitu mode quirk mode. Pada Quirk mode browser akan menganggap dokumen kita sudah jadul karena browser menterjemahkan Dokumen HTML atau web page (Halaman Web) berbeda dari biasanya.
Tag HTML adalah tag dari kesulurah semua tag pada halaman web atau dokumen. Semua kode HTML harus berada di dalam tag ini. Tag html dimulai dengan <html> dan diakhiri dengan </html>.
Tag <head> umumnya akan berisi berbagai definisi halaman, seperti kode CSS, JavaScript, dan kode-kode lainnya yang tidak tampil di browser.
Tag <title> adalah Tag untuk Judul sebuah halaman web, biasanya ditampilkan pada bagian paling atas web browser. Contohnya pada tampilan page.html, ‘Disini title website’ akan ditampilkan pada tab browser.
Tag <body> akan berisi semua elemen yang akan tampil dalam halaman web, seperti paragraf, tabel, link, gambar, dan lain-lain. Tag body ini ditutup dengan </body>. Sebagian besar waktu kita dalam merancang web akan dihabiskan di dalam tag <body> ini.
Semua tag yang ada pada contoh diatas, kecuali tag <!DOCTYPE html> atau DTD adalah tag yang berpasangan, sedangkan tag <!DOCTYPE html> atau DTD adalah tag tunggal, jadi kita harus bisa mengetahui setiap tag yang ada. Untuk membedakan antara tag tunggal dan tag berpasang dilihat dari elemen, tag berpasang selalu ada elemen sedangkan tag tunggal tidak.
Seseorang yang suka belajar sesuatu yang baru, terutama tentang pemrograman web. Senang berbagi tentang pengetahuan dan belajar dari yang lain.
