Lewati ke konten utama
menjadi.dev
Frontend

HTML

Bahasa markup untuk membuat struktur dan konten halaman web.

HTML (HyperText Markup Language) adalah bahasa markup standard untuk membuat halaman web. HTML menggunakan tags untuk mendefinisikan elemen: heading (<h1>-<h6>), paragraf (<p>), link (<a>), gambar (<img>), form (<form>, <input>), dan lainnya. Semantic HTML menggunakan tags yang menggambarkan maknanya (<article>, <nav>, <aside>, <header>, <footer>, <main>) bukan hanya <div> generic. Semantic HTML penting untuk: accessibility (screen reader memahami struktur), SEO (search engine memahami konten), dan maintainability. HTML5 memperkenalkan banyak fitur baru: video/audio native, canvas, localStorage, geolocation API, dan WebSocket.

Contoh Kode

<!-- Semantic HTML structure -->
<!DOCTYPE html>
<html lang="id">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Halaman Saya</title>
</head>
<body>
  <header>
    <nav><!-- Navigation links --></nav>
  </header>
  <main>
    <article>
      <h1>Judul Artikel</h1>
      <p>Konten artikel...</p>
    </article>
    <aside><!-- Sidebar content --></aside>
  </main>
  <footer><!-- Footer content --></footer>
</body>
</html>

Istilah Terkait