Tutorial HTML untuk Pemula: Menambahkan Komentar di HTML



Halo gan. Di postingan sebelumnya kita sudah membahas cara membuat tabel di HTML. Kali ini kita akan bahas cara menambahkan komentar di HTML.

tutorial html untuk pemula

Menambahkan komentar di HTML

Komentar atau catatan ini dapat berguna untuk kita sebagai pengingat tentang kode yang dikomentari. Karena bukan nggak mungkin kita lupa dengan maksud kode yang kita ketik.

..makanya dikomentari kodenya. Sebagai pengingat.

Komentar di HTML menggunakan tanda pembuka <!-- dan tanda penutup -->. Di antara kedua tanda itu berisi komentarnya.

Langsung saja kita praktikkan.
<!DOCTYPE html>
<html>
  <head>
    <title>Menambahkan komentar di HTML</title>
  </head>

  <body>
    <!-- halo.. teks ini adalah komentar.. nggak akan muncul di browser -->
    <p>Di atas ini ada komentar.. tapi komentar itu nggak akan dimunculkan di browser</p>
  </body>
</html>

Simpan dengan nama komentar.html. Begini hasilnya:

tutorial html untuk pemula


Fungsi lain komentar

Dengan komentar, kita bisa "mematikan" sementara suatu elemen HTML.

..dengan kata lain, jika ada elemen HTML yang nggak ingin kita tampilkan di halaman web tanpa menghapus kodenya, kita bisa memberikan tanda komentar.

Contohnya:
<!DOCTYPE html>
<html>
  <head>
    <title>Menambahkan komentar di HTML</title>
  </head>

  <body>
    <!-- <h1>Menambahkan komentar di HTML</h1> -->
    <p>Di atas ini ada heading level 1.. tapi nggak muncul di web browser..</p>
  </body>
</html>

Seperti ini penampakannya:

tutorial html untuk pemula

Headingnya nggak muncul karena diberi tanda komentar.

Semua yang kita beri tanda komentar nggak akan terlihat di web browser, tapi kalo dilihat dari sourcenya, kita bisa melihatnya.

Kalo di Google Chrome: klik kanan > View page source, seperti ini penampakannya:

tutorial html untuk pemula

Elemen h1 terlihat dan ada tanda komentarnya. Mudah kan?

Selesai pembahasan kita kali ini tentang menambahkan komentar di HTML.

Selanjutnya kita akan membahas cara membuat form di HTML.



0 Komentar untuk "Tutorial HTML untuk Pemula: Menambahkan Komentar di HTML"