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.