HTML

Definisi

HTML adalah bahasa markup yang dipakai untuk menyusun struktur dan semantik halaman web.

Fungsi

HTML dipakai untuk menandai bagian-bagian konten seperti judul, paragraf, tautan, gambar, daftar, tabel, dan form. Browser membaca struktur ini untuk menampilkan halaman dengan benar. Search engine dan teknologi bantu juga mengandalkan struktur HTML untuk memahami isi halaman.

Konsep Dasar

HTML bekerja lewat elemen. Setiap elemen punya fungsi tertentu dan bisa diberi atribut tambahan.

Komponen yang paling sering dipakai:

• h1 sampai h6 untuk heading
• p untuk paragraf
• a untuk tautan
• img untuk gambar
• ul dan ol untuk daftar
• form untuk input pengguna
• header, main, article, section, footer untuk struktur semantik

Contoh

html

<!doctype html>
<html lang="id">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>Belajar HTML</title>
  </head>
  <body>
    <header>
      <h1>Judul Halaman</h1>
    </header>
 
    <main>
      <article>
        <p>Isi utama halaman.</p>
      </article>
    </main>
  </body>
</html>

Penjelasan

Bagian head dipakai untuk metadata, sedangkan body menyimpan konten yang dilihat user. Dengan membagi halaman ke elemen semantik, struktur konten jadi lebih jelas dan mudah dirawat.

HTML yang baik bukan cuma valid, tapi juga masuk akal secara makna. Misalnya, judul sebaiknya memakai heading, navigasi memakai elemen navigasi, dan isi utama memakai main atau article.

Catatan Implementasi

• Gunakan heading secara berurutan, jangan meloncat tanpa alasan.
• Isi atribut alt pada gambar dengan deskripsi yang relevan.
• Hindari membungkus semua hal dengan div kalau ada elemen semantik yang lebih tepat.
• Pastikan form punya label yang jelas untuk tiap input.
• Kalau halaman punya bagian utama, tandai dengan main supaya struktur dokumen tidak samar.

Istilah

• Semantik: makna elemen sesuai tujuannya.
• Atribut: informasi tambahan pada elemen HTML.
• Metadata: data tentang halaman, bukan isi utama.