Cara Menggunakan Komentar Pada HTML

Pada tutorial kali ini kita akan membahas mengenai cara menggunakan komentar pada HTML. Sebelumnya kita telah membahas mengenai penulisan kode pada komputer.

Apa itu komentar…?

Komentar merupakan kode yang tidak dieksekusi dan memberikan informasi atau mengingatkan kode program. Tag komentar digunakan untuk memasukan komentar pada source code HTML.


Bagaimana Tag Komentar pada HTML…?

Anda bisa memasukan komentar pada kode HTML dengan menggunakan syntax:

<!-- Ini_sebuah_komentar (tidak dieksekusi)  -->

Untuk memberikan komentar diawal anda bisa memberikan tanda <!– “ada tanda seru” dan tag diakhiri dengan tanda –>tanpa tanda seru“.
Hasil komentar tidak akan ditampilkan oleh browser, akan tetapi dapat membantu dokumen dalam kode HTML anda.

Menggunakan komentar akan mempermudah anda meletakan notifikasi dan mengingatkan tentang kode yang telah dibuat sebelumnya.

Contoh Kode:

<!DOCTYPE html>
<html>
    <body>
        <!-- Ini Contoh Komentar -->
        <p>Tutorial Belajar HTML</p>
        <!-- Komentar tidak akan ditampilkan dalam browser -->
    </body>
</html>

Output Kode:

Tutorial Belajar HTML


Komentar Untuk Debugging…

Komentar juga baik digunakan untuk debugging kode HTML. Debugging merupakan pencarian jika terdapat error pada source code. Anda bisa menggunakan baris komentar dari kode, satu per satu untuk mencari error.

Contoh :
<!– Tidak menampilkan kode ini untuk sementara
<img border=”0″ src=”gambar.png” alt=”Air”>
–>


Apa itu Komentar Kondisional…?

Pernyataan kondisional sering digunakan untuk memilih keputusan. Komentar kondisional ini untuk mendefinisikan beberapa tag HTML yang dieksekusi hanya menggunakan Internet Explorer.

Conditional Comments
<!--[if IE 9]>
    .... kode HTML disini ....
<![endif]-->

Demikian tutorial pemrograman HTML mengenai cara menggunakan komentar untuk  HTML. Selanjutnya kita akan membahas mengenai penggunaan warna pada HTML. Semoga tutorial ini bermanfaat dan terima kasih.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.