Setelah kita mempelajari Pengertian HTML, Sejarah HTML dan Pentingnya Belajar HTML pada postingan atau tutorial sebelumnya, sekarang kita akan mempelajari dokumen dasar HTML.
Seperti yang telah dijelaskan sebelumnya, bahwa Awalnya HTML dikembangkan dengan maksud mendefinisikan struktur dokumen seperti paragraf, list, dan sebagainya untuk memfasilitasi pertukaran informasi ilmiah antar peneliti. Sekarang HTML telah banyak digunakan untuk memformat halaman web dengan memanfaatkan berbagai tag yang tersedia dalam bahasa HTML.
Struktur Dasar Dokumen HTML
Struktur Dasar Dokumen HTML adalah tag-tag html yang menyusun dokumen html secara lengkap, sehingga baris-baris tag tersebut wajib ada dalam setiap dokumen HTML. Berikut ini adalah contoh dokumen HTML dalam bentuk yang paling sederhana.
1 2 3 4 5 6 7 8 9 10 11 12 13 |
<!DOCTYPE html> <html> <head> <title>Title adalah Judul Halaman Web</title> </head> <body> <h1>Contoh Heading 1</h1> <p>Isi website dituliskan di area ini...</p> </body> </html> |
Tag HTML
Sesuai dengan penjelasan sebelumnya, HTML adalah bahasa markup dan memanfaatkan berbagai tag untuk memformat konten web. Tag-tag ini tertulis dalam tanda kurung siku <nama tag>. Sebagian besar tag memiliki tag penutup yang sesuai. Misalnya, <html> memiliki tag penutup yaitu </html> dan tag <body> memiliki tag penutup yaitu </body> dll. Namun terdapat beberapa tag yang tidak memiliki tag penutup seperti <img/> dan tag <input/>.
Berikut ini penjelasan tentang tag-tag HTML yang digunakan pada contoh Struktur Dasar HTML di atas.
| No. | Tag HTML dan Deskripsi |
| 1 | <! DOCTYPE html>
Tag ini mendefinisikan jenis atau tipe dokumen dan versi HTML. |
| 2 | <html>
Tag ini membungkus dokumen HTML lengkap yang terdiri dari header dokumen yang diwakili oleh <head> … </head> dan bagian tubuh dokumen yang diwakili oleh tag <body> … </body>. |
| 3 | <head>
Tag ini mewakili judul dokumen yang dapat menyimpan tag HTML lain seperti <title>, <link>, <style>, <script> dll. |
| 4 | <title>
Tag <title> digunakan di dalam tag <head> untuk menyebutkan judul dokumen. |
| 5 | <body>
Tag ini mewakili badan dokumen yang menyimpan tag HTML lain seperti <h1>, <div>, <p> dll untuk menyajikan informasi di halaman web. |
| 6 | <h1>
Tag ini digunakan untuk membuat judul posting atau judul blok tertentu. Selain <h1>, juga ada <h2>, <h3>, <h4>, <h5>, dan <h6> |
| 7 | <p>
Tag ini digunakan untuk membuat paragraf. |
Untuk mempelajari pembuatan website dengan HTML, kita perlu mempelajari berbagai tag HTML dan memahami bagaimana tag-tag HTML bekerja dalam memformat dokumen tekstual. World Wide Web Consortium (W3C) merekomendasikan untuk menuliskan tag-tag HTML dalam huruf kecil mulai dari HTML 4.
