Belajar HTML Part 9: Cara Membuat Komentar di HTML

Belajar HTML Part 9: Cara Membuat Komentar di HTML



Halo Kawan-kawan,
Ketika kita menulis kode pemrograman terkadang kita akan lupa akan fungsi sebuah kode setelah beberapa waktu lamanya. Untuk mengatasi hal ini, HTML menyediakan sebuah tag untuk menyisipkan penjelasan di sekitar kode yang dibuat. Dalam Tutorial Belajar HTML Part 9: Cara Membuat Komentar di HTML ini, Kita akan membahasnya lebih dalam.

Cara Membuat Komentar di HTML

Langsung saja, Kita buka file Notepat++ kita sebelumnya dan ketikan Kode berikut:

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

Hasil:


Dari code diatas kita tahu tag komentar adalah <!--Ini adalah isi dari tag komentar dan tidak akan tampil di browser -->

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

<!DOCTYPE html>
  <html>
  <head>
    <title>Judul dari Website</title>
  </head>
<body>
   <!--Ini adalah isi dari tag komentar dan tidak akan tampil di browser 
<p>Meskipun diberi tag lainnya, tatap tidak akan tampil selama belum ditemukan tag penutup komentarnya</p>
-->
   <p>Ini bukan komentar, dan akan tampil di browser</p>
   <!--<p>Ini juga termasuk tag komentar</p> -->
</body>
</html>

Hasil:


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.



Oke kawan-kawan,
Setelah membahas Cara Membuat Komentar di HTML, selanjutnya kita akan belajar Cara Membuat Daftar/List di HTML menggunakan tag <ol>, <ul> dan <li>.

Belajar HTML Secara Lengkap Disini: