HTML Struktur Dasar

Dokumen HTML dasar berisi deklarasi doctype, elemen `<html>`, `<head>`, dan `<body>`.

Contoh Struktur Dasar HTML

index.html

<!DOCTYPE html>
<html>
  <head>
    <title>Judul Halaman</title>
  </head>
  <body>
    <h1>Judul Pertama</h1>
    <p>Paragraf pertama saya.</p>
  </body>
</html>

Penjelasan Elemen:

<!DOCTYPE html>
Menentukan bahwa ini adalah dokumen HTML5.
<html>
Elemen akar dari dokumen HTML.
<head>
Berisi metadata tentang dokumen (seperti judul, charset, dll).
<title>
Menentukan judul halaman yang ditampilkan di tab browser.
<body>
Berisi semua konten yang terlihat oleh pengguna di browser, seperti teks, gambar, tautan, dan lainnya.
<h1>
Heading (judul) tingkat 1 — biasanya digunakan untuk judul utama.
<p>
Elemen paragraf — digunakan untuk menulis teks paragraf biasa.

Catatan Penting

Semua elemen HTML harus dibuka dan ditutup dengan benar.
HTML bersifat tidak peka huruf besar-kecil (case-insensitive), tapi konvensinya adalah menggunakan huruf kecil.
Penulisan HTML yang rapi dan terstruktur akan membuat kode lebih mudah dibaca dan dipelihara.

Coba Sendiri

Kamu bisa mencoba contoh kode ini di editor HTML seperti JSFiddle, CodePen, atau langsung di editor lokal kamu.

HTML Struktur Dasar

Contoh Struktur Dasar HTML

Penjelasan Elemen:

Catatan Penting

Coba Sendiri

On this page