HTML Komentar

HTML Dasar: Komentar (Comments) dalam HTML

Apa Itu Komentar dalam HTML?

Komentar adalah bagian dari kode yang tidak ditampilkan di browser. Komentar digunakan untuk:

Memberi catatan atau penjelasan dalam kode.
Menonaktifkan bagian kode sementara.
Memudahkan tim developer lain memahami maksud dari bagian tertentu dalam dokumen HTML.

Bentuk Dasar Komentar HTML

<!-- Ini adalah komentar -->

Segala sesuatu yang berada di antara  adalah komentar dan tidak akan muncul di halaman web.

Contoh Penggunaan Komentar

1. Memberikan Penjelasan Kode

<!-- Bagian ini menampilkan judul utama -->
<h1>Selamat Datang di Website Kami</h1>

2. Menyembunyikan Kode Saat Pengembangan

<!-- <p>Paragraf ini sementara disembunyikan.</p> -->

3. Menandai Struktur Halaman

<!-- Header -->
<header>
  <h1>My Website</h1>
</header>

<!-- Konten Utama -->
<main>
  <p>Selamat datang!</p>
</main>

<!-- Footer -->
<footer>
  <p>&copy; 2025 Amar Web Dev</p>
</footer>

Catatan Penting

Komentar tidak boleh di-nesting (tidak bisa ditumpuk di dalam komentar lain).
Jangan gunakan komentar untuk menyimpan data sensitif, karena komentar tetap terlihat dalam sumber halaman.

Contoh Kode HTML Lengkap

<!DOCTYPE html>
<html>
<head>
  <title>Contoh Komentar HTML</title>
</head>
<body>

  <!-- Judul halaman -->
  <h1>Belajar HTML Dasar</h1>

  <!-- Paragraf pengantar -->
  <p>Ini adalah materi tentang komentar dalam HTML.</p>

  <!-- Kode ini dinonaktifkan sementara -->
  <!-- <p>Kode ini tidak akan muncul di browser.</p> -->

  <!-- Footer -->
  <footer>
    <p>Copyright © 2025</p>
  </footer>

</body>
</html>

Kesimpulan

Komentar dalam HTML ditulis dengan sintaks .
Komentar membantu dalam dokumentasi kode dan pengembangan.
Komentar tidak muncul di tampilan browser, tapi tetap terlihat di source code.