Belajar HTML Dasar Part 13: Cara Membuat Komentar di HTML

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:

<!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>

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>.


eBook HTML Uncover Duniailkom
Anda serius ingin menguasai HTML? Duniailkom telah menyusun eBook HTML Uncover. eBook ini membahas HTML dengan lebih detail dan lebih lengkap hingga fitur terbaru HTML5. Penjelasan lebih lanjut bisa ke: eBook HTML Uncover Duniailkom.

Tutorial Terkait:

44 Comments

  1. sepatu murah
    04 Jan 15
    • Andre
      04 Jan 15
  2. janda semok
    10 May 15
    • Andre
      11 May 15
  3. Dodi
    19 Aug 15
  4. era rian
    26 Aug 15
  5. tofan
    28 Aug 15
  6. arreza mp
    01 Oct 15
  7. Erress
    06 Nov 15
  8. muhamad edo
    10 Nov 15
  9. Andi
    16 Nov 15
    • Andre
      17 Nov 15
  10. WORLD BALON
    22 Jan 16
  11. Abdul Wasit
    05 Mar 16
  12. Joko Warino Blog
    16 Apr 16
  13. lilik
    27 May 16
    • Andre
      28 May 16
  14. Ilham
    17 Jun 16
    • Andre
      18 Jun 16
  15. Teguh Wiliam
    22 Sep 16
  16. Wilujeng Balon
    22 Sep 16
  17. dani
    27 Sep 16
    • Andre
      28 Sep 16
  18. surya balon
    16 Oct 16
    • Andre
      17 Oct 16
  19. Domy Corter
    20 Oct 16
  20. Kribo
    10 Nov 16
    • Andre
      11 Nov 16
  21. Alex Kobe
    10 Nov 16
    • Andre
      17 Nov 16
  22. Ade
    10 Apr 17
    • Andre
      10 Apr 17
  23. Bagas Rifaldhiputra
    24 Apr 17
    • Andre
      26 Apr 17
  24. Ratno Sulaiman
    01 Aug 17
  25. Anonymous
    14 Sep 17
    • Andre
      15 Sep 17

Add Comment