HTML (HyperText Markup Language) menerima dokumen HTML dari server web atau dari penyimpanan lokal dan membuat dokumen menjadi halaman web multimedia. HTML berfungsi untuk menggambarkan struktur halaman web secara hierarki melalui berbagai elemen dan tanda (tag) penanda.
Dalam ekosistem teknologi internet modern, revisi kelima atau yang dikenal sebagai HTML5 menjadi standar markah utama untuk menstrukturkan dan menampilkan isi dari World Wide Web. Setiap bagian dalam dokumen ini diterjemahkan oleh browser ke dalam bentuk objek pohon DOM (Document Object Model) yang merepresentasikan bagian-bagian dokumen HTML.
Komponen Utama Struktur Dokumen HTML
Sebuah dokumen HTML disusun menggunakan elemen-elemen yang membentuk simpul (node) logis sebagai wadah penyimpan informasi. Berikut adalah rincian komponen dasar yang membentuk kerangka kerja sebuah halaman web:
| Komponen / Tag | Fungsi Utama | Keterangan DOM |
|---|---|---|
<!DOCTYPE html> |
Deklarasi tipe dokumen untuk menginformasikan browser bahwa ini adalah dokumen HTML5. | Titik awal pengenalan versi dokumen. |
<html> |
Elemen akar (root element) yang membungkus seluruh konten halaman web. | Simpul akar dalam pohon DOM. |
<head> |
Wadah untuk metadata, tautan stylesheet, judul halaman, dan skrip internal/eksternal. | Menyimpan informasi penunjang tanpa dirender langsung di body utama. |
<body> |
Wadah utama yang menampung semua konten visual yang ditampilkan kepada pengguna. | Berisi teks, gambar, video, dan elemen multimedia lainnya. |
Contoh Penulisan Kode Dasar
Penerapan struktur dasar dokumen HTML5 dapat dilihat melalui contoh kerangka kode di bawah ini:
<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<title>Halaman Web Multimedia</title>
</head>
<body>
<h1>Selamat Datang di Web</h1>
<p>HTML menggambarkan struktur halaman web.</p>
</body>
</html>Peran Pohon DOM dalam Struktur HTML
Simpul dalam ilmu komputer merujuk pada objek dalam pohon DOM yang merepresentasikan bagian-bagian dokumen HTML atau XML. Ketika browser membaca kode HTML, browser membangun struktur data pohon di mana setiap tag, atribut, dan teks diperlakukan sebagai simpul terpisah. Hal ini memudahkan bahasa pemrograman lain seperti JavaScript untuk memanipulasi, menambah, atau menghapus elemen halaman web secara dinamis tanpa harus memuat ulang keseluruhan dokumen dari server.