Comment atau komentar merupakan sebuah catatan bagi seorang programmer untuk mengingat kembali fungsi baris kode yang telah di buat di kemudian hari, comment juga sangat berguna untuk proses debugging pada saat programmer ingin menjalankan baris kode tertentu dan me non-aktifkan baris kode yang lain.
Comment tidak di tampilkan pada layar browser dan hanya di gunakan untuk keperluan programmer agar mempermudah pekerjaan mereka.
Cara Menulis Comment?
Penulisan comment di awali dengan <!-- dan di akhiri dengan -->. Bentuk umum penulisannya adalah sebagai berikut!
<!-- kamu bebas menuliskan comment di sini -->
Perhatikan contoh berikut, silahkan buat file HTML dengan nama comment.html dan salin kode di bawah ini!
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Comment in HTML</title>
</head>
<body>
<!-- ini merupakan comment yang tidak akan ditampilkan pada layar browser -->
<p>Ini adalah sebuah paragraph yang tampil pada layar browser kamu</p>
</body>
</html>
Gambar di atas menunjukkan bahwa, kalimat yang di apit oleh tag comment <!-- --> tidak di tampilkan pada layar browser.
Jangan Memberikan Spasi Pada Tag Comment.
Oke kita masih menggunakan baris code di atas, sekarang kita akan memberikan spasi antara < dan ! pada tag comment. perhatikan contoh berikut!
< !-- ini merupakan comment yang tidak akan ditampilkan pada layar browser -->
<p>Ini adalah sebuah paragraph yang tampil pada layar browser kamu</p>
Silahkan jalankan dan lihat hasilnya:
Lihat, comment di atas tidak berfungsi ketika kita menambahkan spasi di antara < dan ! browser hanya menganggapnya sebagai teks dokumen HTML biasa.
Perhatikan juga contoh berikut!
Kita masih menggunakan baris code yang sama, silahkan berikan spasi antara -- dan > pada tag penutup comment. Contoh!
<!-- ini merupakan comment yang tidak akan ditampilkan pada layar browser -- >
<p>Ini adalah sebuah paragraph yang tampil pada layar browser kamu</p>
Tidak ada hasil apa-apa. Semua baris code yang ada di bawah tag comment yang kita beri spasi tadi tidak d itampilkan oleh browser (error).
Membuat Comment Sebaris Dan Multibaris.
Comment sebaris di gunakan untuk membuat catatan singkat yang tidak lebih dari satu baris.
<!-- ini catatan untuk paragraf pertama -->
<p>paragraf pertama</p>
<!-- ini catatan untuk paragraf kedua -->
<p>paragraf kedua</p>
<!-- ini catatan untuk paragraf ketiga -->
<p>paragraf ketiga</p>
Sedangkan comment multi baris di gunakan untuk membuat catatan panjang yang lebih dari satu baris.
<!--
struktur pemrograman yang akan dikerjakan:
1. struktur pertama
2. struktur kedua
3. struktur ketiga
-->
Comment di atas di buat lebih dari satu baris, kita cukup membutuhkan satu tag comment untuk membungkus beberapa baris dari catatan tersebut.
Jangan menambahkan tag comment perbaris untuk catatan yang lebih dari satu baris.
Penulisan Comment Multibaris Yang Salah.Penulisan Comment Multibaris Yang Benar.
Comment Untuk Menyembunyikan Sebagian Kalimat Di Tengah Baris Code.
Comment juga berfungsi menyembunyikan sebagian kalimat / dokumen di tengah-tengah baris code.
<p> Paragraf ini <!-- tidak akan --> ditampilkan dari layar browser</p>
Kalimat yang di apit oleh tag comment di sembunyikan dari layar browser.
Jangan Menuliskan Kalimat Sensitif di Dalam Comment.
Sesekali jangan pernah menuliskan kalimat sensitif di dalam comment. Kalimat sensitif ini contohnya seperti menuliskan username, password, dan informasi penting yang sifatnya rahasia. Karena meskipun comment tidak di tampilkan pada layar browser, akan tetapi comment tetap bisa di lihat dari inspect elemen atau view page source.
<!-- username : abcdefghi password: 12345678-->
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,</p>
Pada layar browser memang comment tidak di tampilkan, namun ketika user melihat inspect elemen atau view page source, maka semua yang kita tuliskan di dalam text editor akan di tampilkan di sana.
Jadi, gunakanlah comment sebagai catatan yang sifatnya tidak rahasia untuk memudahkan pekerjaan.
Sekarang kita sudah mempelajari bagai mana memberikan komentar pada kodingan HTML kita, semoga bermanfaat, tunggu artikel Tutorial HTML Dasar selanjutnya.
#11: Cara Menulis Comment Pada HTML
Selamat datang kembali di mandankoding.com. Dalam pembahasan Tutorial HTML Dasar, kita akan membahas tentang Cara Menulis Comment Pada HTML. Di mana sebelumnya kita juga sudah membahas tentang Cara Menampilkan Gambar Menggunakan HTML, langsung saja.
Cara Menulis Comment Pada HTML
Comment atau komentar merupakan sebuah catatan bagi seorang programmer untuk mengingat kembali fungsi baris kode yang telah di buat di kemudian hari, comment juga sangat berguna untuk proses debugging pada saat programmer ingin menjalankan baris kode tertentu dan me non-aktifkan baris kode yang lain.
Comment tidak di tampilkan pada layar browser dan hanya di gunakan untuk keperluan programmer agar mempermudah pekerjaan mereka.
Cara Menulis Comment?
Penulisan comment di awali dengan
<!--dan di akhiri dengan-->. Bentuk umum penulisannya adalah sebagai berikut!Perhatikan contoh berikut, silahkan buat file HTML dengan nama comment.html dan salin kode di bawah ini!
Gambar di atas menunjukkan bahwa, kalimat yang di apit oleh tag comment
<!-- -->tidak di tampilkan pada layar browser.Jangan Memberikan Spasi Pada Tag Comment.
Oke kita masih menggunakan baris code di atas, sekarang kita akan memberikan spasi antara
<dan!pada tag comment. perhatikan contoh berikut!Silahkan jalankan dan lihat hasilnya:
Lihat, comment di atas tidak berfungsi ketika kita menambahkan spasi di antara
<dan!browser hanya menganggapnya sebagai teks dokumen HTML biasa.Perhatikan juga contoh berikut!
Kita masih menggunakan baris code yang sama, silahkan berikan spasi antara
--dan>pada tag penutup comment. Contoh!Tidak ada hasil apa-apa. Semua baris code yang ada di bawah tag comment yang kita beri spasi tadi tidak d itampilkan oleh browser (error).
Membuat Comment Sebaris Dan Multibaris.
Comment sebaris di gunakan untuk membuat catatan singkat yang tidak lebih dari satu baris.
Sedangkan comment multi baris di gunakan untuk membuat catatan panjang yang lebih dari satu baris.
<!-- struktur pemrograman yang akan dikerjakan: 1. struktur pertama 2. struktur kedua 3. struktur ketiga -->Comment di atas di buat lebih dari satu baris, kita cukup membutuhkan satu tag comment untuk membungkus beberapa baris dari catatan tersebut.
Jangan menambahkan tag comment perbaris untuk catatan yang lebih dari satu baris.
Tutorial Sebelumnya:
Comment Untuk Me Non-Aktifkan Sebagian Fungsi Code.
Selain untuk membuat catatan, comment juga berfungsi me non-aktfkan sebagian dari fungsi code.
Comment Untuk Menyembunyikan Sebagian Kalimat Di Tengah Baris Code.
Comment juga berfungsi menyembunyikan sebagian kalimat / dokumen di tengah-tengah baris code.
Kalimat yang di apit oleh tag comment di sembunyikan dari layar browser.
Jangan Menuliskan Kalimat Sensitif di Dalam Comment.
Sesekali jangan pernah menuliskan kalimat sensitif di dalam comment. Kalimat sensitif ini contohnya seperti menuliskan username, password, dan informasi penting yang sifatnya rahasia. Karena meskipun comment tidak di tampilkan pada layar browser, akan tetapi comment tetap bisa di lihat dari inspect elemen atau view page source.
Pada layar browser memang comment tidak di tampilkan, namun ketika user melihat inspect elemen atau view page source, maka semua yang kita tuliskan di dalam text editor akan di tampilkan di sana.
Jadi, gunakanlah comment sebagai catatan yang sifatnya tidak rahasia untuk memudahkan pekerjaan.
Sekarang kita sudah mempelajari bagai mana memberikan komentar pada kodingan HTML kita, semoga bermanfaat, tunggu artikel Tutorial HTML Dasar selanjutnya.
Selamat Belajar🎉🎉
Related Articles
Apa itu Div Class Container? Ini Penjelasannya
Membuat Form Login Keren dan Simpel dengan HTML CSS
Cara Membuat Sidebar Sederhana dengan HTML CSS
#17: Penggunaan Tag Fieldset dan Tag Legend Pada HTML