Membuat Komentar di HTML

Membuat Komentar di HTML

HTML

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 file .html yang terserah akan anda beri nama apapun.

Contoh penggunaan tag komentar HTML:

1code-line:1-12code-line:1-23code-line:1-34code-line:1-45code-line:1-56code-line:1-67code-line:1-78code-line:1-89code-line:1-910code-line:1-1011code-line:1-11<!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:

1code-line:2-12code-line:2-23code-line:2-34code-line:2-45code-line:2-56code-line:2-67code-line:2-78code-line:2-89code-line:2-910code-line:2-1011code-line:2-1112code-line:2-1213code-line:2-1314code-line:2-1415code-line:2-1516code-line:2-16<!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.

misalnya kita ingin menyembunyikan html atau elemen tertentu untuk sementara maka cukup buat seperti berikut:

1code-line:3-1<!-- <div class=''></div> -->

hal ini sangat berguna jika kita ingin mencoba berbagai tampilan kode HTML yang akan dibuat, tetapi tidak ingin menghapus kode sebelumnya.

Perlu juga menjadi catatan bahwa walaupun komentar tidak ditampilkan pada web browser, tetapi seseorang masih bisa membaca komentar tersebut dengan cara melihat source halaman HTML. Oleh karena itu, sebaiknya kita tidak menambahkan komentar yang sensitif atau bersifat rahasia, seperti username atau password.


Selamat mencoba dan semoda berguna...

Artikel Terkait

  • Compress Template Blogger
    Siapa blogger yang tidak ingin blog dan halaman blognya ringan ketika di muat, semua blogger menginginkan blognya memiliki waktu load sesingkat dan seringan mungkin karena itulah banyak cara di lakukan oleh semua pemilik blog untuk mengakalinya termasuk mengompres templatenya. berikut ini adalah salah satu cara mengakali blog yang terbilang be…
  • Pengertian HTML
    HTML adalah singkatan dari Hypertext Markup Language. Disebut hypertext karena di dalam HTML sebuah text biasa dapat berfungsi lain, kita dapat membuatnya menjadi link yang dapat berpindah dari satu halaman ke halaman lainnya dengan hanya meng-klik text tersebut. Kemampuan text inilah yang dinamakan hypertext, walaupun pada implementasinya nan…
  • Pengkodean dalam tag html blog
    Posting ini hanya sebuah posting yang saya buat untuk kembali membahas markup yang mungkin terkadang sering kita abaikan padahal inilah adlah hal yang cukup penting yang menjadikan apa yang kita buat dan desain bisa terbaca secara baik. Sebelum anda membuat sebuah rancangan atau sebagainya lebih baiknya pahami terlebih dahulu tag html berikut…
  • Pengertian Tag dalam HTML
    Sebagai sebuah bahasa markup, HTML membutuhkan cara untuk memberitahu web browser untuk apa fungsi sebuah text. Apakah text itu ditulis sebagai sebuah paragraf, list, atau sebagai link? Dalam HTML, tanda ini dikenal dengan istilah tag. Hampir semua tag di dalam HTML ditulis secara berpasangan, yakni tag pembuka dan tag penutup, dimana objek y…
  • Meta tag SEO dan Valid HTML5
    Blog gratisan sekali pun ingin artikelnya cepat terindex oleh mesin pencari, maka mengdepankan seo dan optimalisasi valid html5 perlu di perhatikan. Jika blog Anda belum maksimal dalam validasi HTML 5 silakan ikuti pemasangan meta tag yang SEO friendly dan sekaligus valid HTML 5 berikut ini tentunya simple dan tidak penuh dengan embel embel t…
  • Symbol Entities dalam HTML dan XHTML
    berikut ini adalah kode untuk symbol dalam penulisan hltm dan xhtml yang tentunya lebih baik di gunakan di bandingkan menuliskan kode secara langsung dan untuk menghasilkan kode HTML yang baik dan benar. .table-bordered { border: 1px solid #DDD; } table {width:100%; border-collapse: collapse; border-spacing: 0px; }.table-bord…

Tidak ada komentar :

Kode klik emo: :) :( =( :wa: :s ^_^ :D =D ^:D @@, ;) :-bd :-d :ya: :'( T_T :\ :p B) :Q :Ozz 7:( \o/ **p

Link aktif dalam komentar akan terhapus secara otomatis.
Untuk menyisipkan kode, gunakan tag <i rel="code">...KODE ANDA DI SINI...</i>
Untuk menyisipkan script, gunakan <i rel="pre">...KODE SCRIPT ANDA...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">...URL GAMBAR ANDA ...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">...JUDUL ANDA...</b>
Untuk menyisipkan catatan, gunakan tag <b rel="quote">...CATATAN ANDA...</b>
Untuk menciptakan efek tebal gunakan tag <b>...TEKS ANDA...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>...TEKS ANDA...</i>

Konversi KodeOOT

Back to Top
Loading...