Belajar HTML Dasar Part 13: Cara Membuat Komentar di HTML

47

Yodha.web.id – Seperti pada bahasa pemograman lainnya, umumnya kita akan sering lupa tentang cara kerja kode yang kita buat sendiri setelah beberapa bulan berikutnya. Untuk mengatasinya, kita bisa akan menyisipkan penjelasan pada sebuah komentar di sekitar kode tersebut. HTML juga mempunyai tag khusus untuk komentar. Dalam tutorial belajar HTML: cara menambahkan komentar di HTML ini kita akan membahasnya lebih dalam.


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:

1
2
3
4
5
6
7
8
9
10
11
<!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:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<!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>

Cara Menambahkan komentar di 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>.