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>
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.
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>.
apakah saya bisa ambil contoh dari sini gan, kalau kamu tidak merasa keberatan saya akan print. terimah kasih
Silahkan gan… Saya senang tutorialnya bisa bermanfaat :)
Cara buat tombol button seperti liputan 6 dan ada tulisan berjalan seperti apa code htmlnya
Bang mau tanya,kenapa saya komen dan menbalkan hurup ithu tidak bisa apakah kesalah di capanel hosting / di mna bang.moohon pencerannya bang
Terimakasih
Maksudnya? ingin kasih komentar di blog ya? menurut saya masalahnya tidak sampai ke hosting atau Cpanel. Mungkin perlu menginstall plugin tertentu (jika menggunakan wordpress dan sejenisnya) atau ada settingan CMSnya yang perlu diatur.
masih belum ngeh gan
terima kasih tutorial nya gan
mau rapihkan html di blogspot
Makasih gan artikelnya sangat membantu dan mendidik, jadi makin tambah ilmu serta tambah wawasan.
terima kasih banyak pak …
saya jadi terbantu, jadi bisa pisahkan setiap bagian di hmtl script nya
wah, saya baca judul artikel ini saya pikir program html untuk membuat kotak komentar…salah sangka…he3…tapi jujur websitenya sangat bagus dan memberi banyak manfaat…nice web…
Hehe.. makasih gan.. :)
terima kasih infonya bermanfaat sekali
Wah kirian pakai sistem komen kaya blog, ternyata penjelasan atau keterangan ya om :)
Hehe iya gan, kalau membuat sistem komentar di blog itu sudah pakai PHP MySQL :)
KERENNN
SANGAT BERMANFAAT BAGI PEMULA SEPERTI SAYA
SUKSES SELALU UNTUK DUNIA ILKOM
MAKIN SUKSES DAN JAYA
Terima kasih atas informasinya…artikelnya sangat bermanfaat, belajar jadi mudah jika semua jelas. Sukses selalu
Memang tak mudah dalam menerapkan hal ini gan,, bagi yang masih pemula, dahulu saya sebelum mengenal yang namanya html begitu sulit rasanya,,, namun alhamdullah setelah membaca tutorial sana sini alhasil bisa juga.. sukses selalu ya gan..
Siip, sama2 gan.. :)
gan kalo di kasih link pada komentar gimana kodenya htmlnya ?
Untuk membuat link, tinggal pakai tag <a> saja gan. Misalnya: <a href="http://www.situsku.com">situsku</a>. Penjelasan lengkapnya bisa kesini: https://www.duniailkom.com/belajar-html-cara-membuat-link-di-html-tag-a
Tp sebaiknya baca peraturan blog/situs tempat agan mau menambahkan link, atau minta izin ke yang punya situs. Karena menambahkan link di komentar biasanya dianggap sebagai spam.
cara tampilin comment seperti yang saya buat ini gimana ya? trus replynya juga
Situs duniailkom ini dibangun menggunakan CMS wordpress gan. Jadi kolom komentar ini sudah langsung tersedia.
Artikel yang bagus dan bermanfaat.
Terimakasih atas infonya dan salam sukses
Siip gan… terimakasih
Mantap, sangat bermanfaat buat pemula seperti saya.
Sukses selalu untuk dunia ilkom
Siip gan… terimakasih
kak. kenapa di tag comment .menggunakan 2 strip. apa pengaruh nya kalau hanya ada 1 strip atau 3 strip kak. mohon dijawab???
Yup, pengaruh gan. Untuk membuat baris komentar di HTML harus ditulis seperti itu (2 strip). Kalau 1 strip g akan jalan (tidak dianggap komentar). Kalau lebih dari 2, strip ketiga dan seterusnya sudah dianggap bagian dari komentar.
Sangat membantu untuk saya yang baru belajar bisnis online
Terimakasih
Salam sukses selalu gan
Siip, sama2 gan… semoga sukses dengan usahanya.
Trims
maksih banyak ilmu nya, untuk membuat komentar seperti saya komentarkan ini haruskah pake web online atau ada codingnya untuk web offline? mohon ilmunya gan.
Web duniailkom dibuat menggunakan wordpress. Dan fitur komentar sudah ada langsung terintegrasi dengan wordpress. WordPress ini juga bisa diinstall secara offline: https://www.duniailkom.com/tutorial-belajar-wordpress-cara-menginstall-wordpress-offline-dengan-xampp/
Terima Kasih banyak ilmunya..sangat bermanfaat dengan metode yang mudah di pahami..
Siip, lanjut gan…
Terima kasih tutornya sangat bermanfaat sekali
Siip, semoga bisa bermanfaat…
Makasih banget kak tutorialnya,,
jadi kebantu banget buat bikin website…
Siip, semoga bisa bermanfaat..
Oh, berarti komentar dalam html ini hanya sekedar pengingat saja atau gimana bang? apakah ini bersifat opsional atau wajib diisi? maaf saya masih belum mudeng bang
Betul, itu hanya tambahan saja dan tidak mesti ditulis
Bermanfaat sekali <b>TUTORIALnya</b>
Maaf mas nanya sebentar .
Sy pengen ngeprint tutor2 nya mas , boleh gak mas ?
Kira2 full tutor dan pengertian HTML ini brp halaman ya mas kalo di bolakbalikin
Silahkan, selama untuk dibaca sendiri dan bukan untuk dijual / dikomersilkan. Saya sendiri belum hitung kalau diprint akan jadi berapa halaman.. Mungkin bisa lebih dari 70an halaman karena tutorial HTML sendiri sudah ada sekitar 60an artikel, atau kalau di print bolak-balik jadi sekitar 35 lembar.
Btw, duniailkom juga sudah menyediakan eBook HTML Uncover dalam bentuk pdf yang bisa di print apabila berminat… (plus materi yang lebih lengkap)
Sangat informatif thanks
Mohon ma,af saya masih kurang memahaminya , apakah kode html seperti di atas , kita tanam di blog milik kita atau kode tersebut di pergunakan saat kita meniggalkan komentar di kolom komentar blog milik orang lain atau bagaiman Gan? mohon pencerahannya Gan maklum masih pemula
Terimakasih
Bukan, maksud komentar dalam artikel ini adalah komentar di dalam kode HTML (yang efeknya tidak akan dieksekusi oleh web browser), jadi bukan untuk kolom komentari di blog.
bg saya kurang ngerti maksud yg ini bg (Cara Membuat Komentar di HTML)
apa ya maksud dan tujuan nya bg?
Sebenarnya istilah komentar ini memang agak rancu, mungkin lebih tepat disebut sebagai "pemberi keterangan", tapi dalam bahasa inggris memang disebut comment.
Komentar ini bukanlah kolom komentar yang ada di blog atau web. Dalam pemrograman, komentar adalah kode program yang tidak akan dieksekusi, fungsinya hanya untuk catatan kecil bagi si programmer sendiri. Komentar ini baru kelihatan jika kode programnya dilihat langsung. Ditulis atau tidak, komentar tidak berpengaruh apa2 ke tampilan.
ok bg,makasih atas penjelasan nya bg
Artike Yang Sangat Bagus Gan , Dan Sangat Membantu Saya Sebagai Pemula Di Dunia Bisnis
Terima Kasih Banyak Atas Informasinya Gan
Salam Sukses Selalu Buat Agan
Siip, semoga bermanfaat…
<em><a >href="/"<a></em>
Mengapa tidak bisa mencantumkan text HTML kedalam komentae blogspot? Maaf pertanyaan itu sebenarnya target saya.
Lebih ke hal keamanan. Karena jika tag HTML di perbolehkan, orang yang iseng bisa menyisipkan kode2 aneh.
Atau setidaknya nanti jadi ajang spam (menyisipkan link aktif di komentar).
untuk comment wajib pakai tag <p> kah?
Artikel yg bagus
kak cara agar element <p>tidak ditampilkan
Terima Kasih :) sangat membantu apalagi pemula seperti saya
sukses terus sehat selalu :)
Sama2, aamiin… terimakasih juga untuk doanya