Cara Membuat Komentar di HTML

Belajar HTML Dasar Part 13: Cara Membuat Komentar di HTML

Cara Membuat Komentar di HTML

Untuk membuat komentar di HTML, kita menggunakan awalan <!– dan penutup –>. Agar lebih
mudah dipahami, langsung saja kita simak dalam bentuk contoh. Silahkan tulis kode HTML
berikut dan save sebagai komentar.html

Contoh penggunaan tag komentar HTML:

    <!DOCTYPE html >
<html>
<head>
   <title>Belajar Tag Komentar (comment)</title>
</head>
<body>
   <!-- <p>Ini berada di dalam tag komentar,
           dan tidak akan tampil di browser</p> -->
   <p>Ini bukan komentar, dan akan tampil di browser</p>
</body>
</html>

Dari contoh dapat dilihat bahwa tag pembuka komentar adalah <!– dan tag penutup –>.

Tag komentar ini juga akan berlaku selama belum di temukan tag penutup. Contohnya dapat
dilihat dari kode berikut:

    <!DOCTYPE html>
<html>
<head>
   <title>Belajar Tag Komentar (comment)</title>
</head>
<body>
   <!-- <p>Ini berada di dalam tag komentar,
           dan tidak akan tampil di browser</p>
   <p>Ini juga tidak tampil di browser</p>
    -->
   <p>Ini bukan komentar, dan akan tampil di browser</p>

   <!--<p>Ini juga tidak tampil di browser</p> -->

</body>
</html>

Selain sebagai pengingat atau catatan, tag komentar juga akan berguna untuk membuat sebagian
isi web tidak tampil untuk sementara. hal ini sangat berguna jika kita ingin mencoba berbagai
tampilan kode HTML yang akan dibuat, tetapi tidak ingin menghapus kode sebelumnya.

    Perlu juga menjadi catatan bahwa walaupun komentar tidak ditampilkan pada web
    browser, tetapi seseorang masih bisa membaca komentar tersebut dengan cara
    melihat source halaman HTML. Oleh karena itu, sebaiknya kita tidak menambahkan komentar
    yang sensitif atau bersifat rahasia, seperti username atau password.
  

Dalam tutorial belajar HTML dasar selanjutnya, kita akan mempelajari sekelompok tag yang
kelihatannya cukup rumit tetapi sangat penting bagi sebuah website. Untuk totorial berikutnya,
kita akan membahas tentang Cara Membuat Form di HTML menggunakan tag <form>


EmoticonEmoticon