Aku baru belajar HTML dan dengar kalau setiap halaman web harus punya struktur dasar. Apa saja elemen wajib dalam sebuah halaman HTML agar bisa ditampilkan dengan baik di browser?
Struktur dasar halaman HTML yang wajib ada:
html
<span class="hljs-meta"><!DOCTYPE <span class="hljs-keyword">html</span></span>>
<span class="hljs-tag"><<span class="hljs-name">html</span></span> <span class="hljs-attr">lang</span>=<span class="hljs-string">"id"</span>>
<span class="hljs-tag"><<span class="hljs-name">head</span></span>>
<span class="hljs-tag"><<span class="hljs-name">meta</span></span> <span class="hljs-attr">charset</span>=<span class="hljs-string">"UTF-8"</span>>
<span class="hljs-tag"><<span class="hljs-name">meta</span></span> <span class="hljs-attr">name</span>=<span class="hljs-string">"viewport"</span> <span class="hljs-attr">content</span>=<span class="hljs-string">"width=device-width, initial-scale=1.0"</span>>
<span class="hljs-tag"><<span class="hljs-name">title</span></span>>Judul Halaman<span class="hljs-tag"></<span class="hljs-name">title</span></span>>
<span class="hljs-tag"></<span class="hljs-name">head</span></span>>
<span class="hljs-tag"><<span class="hljs-name">body</span></span>>
<span class="hljs-tag"><<span class="hljs-name">h1</span></span>>Halo, Dunia!<span class="hljs-tag"></<span class="hljs-name">h1</span></span>>
<span class="hljs-tag"><<span class="hljs-name">p</span></span>>Ini adalah halaman HTML dasar.<span class="hljs-tag"></<span class="hljs-name">p</span></span>>
<span class="hljs-tag"></<span class="hljs-name">body</span></span>>
<span class="hljs-tag"></<span class="hljs-name">html</span></span>>
Penjelasan singkat:
-
<!DOCTYPE html>→ Menentukan versi HTML. -
<html>→ Elemen utama yang membungkus semua konten. -
<head>→ Berisi metadata, seperti<title>,<meta charset>, dan<meta viewport>. -
<body>→ Berisi konten yang akan ditampilkan di browser.
Struktur dasar HTML itu penting biar halaman web bisa tampil dengan baik di browser. Elemen wajibnya biasanya terdiri dari:
<!DOCTYPE html>→ Menandakan kalau ini dokumen HTML.<html>→ Elemen utama yang membungkus semua isi halaman.<head>→ Bagian ini berisi informasi tentang halaman, seperti judul dan link CSS.<title>→ Menentukan judul yang muncul di tab browser.<body>→ Semua konten yang terlihat di halaman web ada di sini, seperti teks, gambar, dan tombol.
Jadi, kalau bikin halaman HTML, minimal harus punya struktur ini supaya tampil dengan benar di browser
Dalam HTML, setiap halaman web punya struktur dasar supaya bisa ditampilkan dengan baik di browser. Berikut elemen wajibnya:
Struktur Dasar HTML
html
<span class="hljs-meta"><!DOCTYPE <span class="hljs-keyword">html</span></span>>
<span class="hljs-tag"><<span class="hljs-name">html</span></span> <span class="hljs-attr">lang</span>=<span class="hljs-string">"id"</span>>
<span class="hljs-tag"><<span class="hljs-name">head</span></span>>
<span class="hljs-tag"><<span class="hljs-name">meta</span></span> <span class="hljs-attr">charset</span>=<span class="hljs-string">"UTF-8"</span>>
<span class="hljs-tag"><<span class="hljs-name">meta</span></span> <span class="hljs-attr">name</span>=<span class="hljs-string">"viewport"</span> <span class="hljs-attr">content</span>=<span class="hljs-string">"width=device-width, initial-scale=1.0"</span>>
<span class="hljs-tag"><<span class="hljs-name">title</span></span>>Judul Halaman<span class="hljs-tag"></<span class="hljs-name">title</span></span>>
<span class="hljs-tag"></<span class="hljs-name">head</span></span>>
<span class="hljs-tag"><<span class="hljs-name">body</span></span>>
<span class="hljs-tag"><<span class="hljs-name">h1</span></span>>Halo, Dunia!<span class="hljs-tag"></<span class="hljs-name">h1</span></span>>
<span class="hljs-tag"><<span class="hljs-name">p</span></span>>Ini adalah halaman HTML pertamamu.<span class="hljs-tag"></<span class="hljs-name">p</span></span>>
<span class="hljs-tag"></<span class="hljs-name">body</span></span>>
<span class="hljs-tag"></<span class="hljs-name">html</span></span>>
Penjelasan Elemen Wajib:
<!DOCTYPE html>→ Menentukan dokumen ini adalah HTML5.<html>→ Elemen utama yang membungkus semua konten.<head>→ Berisi informasi meta, seperti judul halaman (<title>) dan pengaturan tampilan (<meta>).<body>→ Bagian utama tempat konten halaman (teks, gambar, tombol, dll.) ditampilkan.
Kalau kode ini ditulis di file .html dan dibuka di browser