Cara menggunakan komentar di html

Question

Mari kembali belajar HTML, tutorial tingkat dasar. Pembahasan kita kali ini lebih singkat yaitu bagaimana cara menulis komentar di halaman web. Komentar umum digunakan untuk memberikan catatan atau informasi khusus yang dimasukkan oleh programmer

Table of Contents Show

Fungsi Komentar
Cara Membuat Komentar di HTML
Menulis komentar dalam dokumen HTML
Bagaimana cara membuat komentar dalam HTML?
Bagaimana cara menulis komentar pada file HTML dan CSS?
Bagaimana cara menambahkan gambar ke HTML?
Apa HTML yang benar untuk membuat hyperlink?

Fungsi Komentar

Tujuan memberikan komentar tergantung masing-masing penulis (programmer). Komentar di dokumen web tidak akan ditampilkan di browser. Selain digunakan untuk membuat catatan, juga bisa digunakan untuk mem-bypass kode agar tidak dieksekusi oleh browser, contohnya jika ingin menonaktifkan sementara kode

Cara penulisan kode untuk komentar adalah dengan menggunakan tag , isi komentar diletakkan diantara kedua tag tersebut. Berhati-hatilah dalam menggunakan tag komentar ini, karena jika Anda lupa menutup tag komentar, maka semuanya setelah tag pembuka akan menjadi komentar.

Contoh penulisan komentar. 

Agar lebih jelas, silahkan coba kode berikut, simpan sebagai 11-html-comment. html

<!DOCTYPE html>
<html>
<head>
   <title>Komentar</title>
</head>
<body>
   <h1>Komentar</h1>
   
   <p>Halaman ini terdiri dari 4 paragraf. 1 paragraf dijadikan komentar sehingga tidak ditampilkan oleh browser. Sedangkan 3 paragraf lainnya tetap ditampilkan.</p>
   
   <!-- ini komentar biasa -->
   <p>Ini paragraf kedua.</p>
   
   <!-- ini komentar sekaligus menonaktifkan kode
   <p>Ini paragraf ketiga.</p>
   -->
   
   <p>Ini paragraf keempat.</p>
</body>
</html>

Hasilnya bisa dilihat seperti ini. 😉

Masih banyak lagi fungsi dari komentar ini, tergantung penggunaannya. Sampai jumpa di tutorial selanjutnya

Seperti bahasa pemrograman lainnya, umumnya kita akan sering lupa dengan cara kerja kode yang kita buat sendiri setelah beberapa bulan ke depan. Untuk mengatasinya, kita bisa menyisipkan penjelasan pada komentar di sekitar kode. HTML juga memiliki tag khusus untuk komentar. Dalam tutorial belajar HTML. cara menambahkan komentar di HTML akan kita bahas secara mendalam

Cara Membuat Komentar di HTML

Untuk membuat komentar di HTML, kita menggunakan awalan . 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 .

Tag komentar ini juga akan berlaku selama tag penutup belum ditemukan. Contohnya bisa 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 agar sebagian konten web tidak muncul sementara. Ini sangat berguna jika kita ingin mencoba berbagai tampilan kode HTML yang akan dibuat, namun tidak ingin menghapus kode sebelumnya

eBuku HTML Uncover Duniailkom

Apakah Anda serius ingin menguasai HTML? . EBook ini membahas tentang HTML secara lebih detail dan lengkap hingga fitur terbaru dari HTML5. Penjelasan lebih lanjut bisa ke. eBuku HTML Uncover Duniailkom

Dalam penulisan kode program di HTML, tentunya Anda harus menuliskan komentar pada beberapa potongan kode program yang ada di dalam dokumen HTML tersebut. Komentar sangat berguna untuk memberikan informasi tentang kode HTML

Komentar membuat kode HTML lebih mudah dibaca, dipahami, dan dipahami sehingga ketika ada kesalahan Anda akan dapat memperbaikinya dengan lebih mudah dan jika suatu saat Anda lupa cara kerja kode yang dibuat beberapa bulan yang lalu, Anda dapat memahaminya lagi melalui komentar yang Anda buat sebelumnya

Oleh karena itu, pada umumnya para programmer profesional selalu menuliskan komentar pada kode program yang dibuatnya yang tidak hanya berguna bagi dirinya sendiri tetapi juga bagi orang lain yang ingin mencoba memahami program yang dibuatnya. Agar Anda lebih memahami pembuatan komentar pada HTML, mari simak penjelasannya di bawah ini

Menulis komentar dalam dokumen HTML

HTML memiliki tag khusus untuk membuat komentar yaitu sepasang tag –> . Komentar yang Anda tulis tidak akan tampil pada web browser, Anda dapat melihat komentar yang ditulis di dokumen HTML – nya.

Jika ingin melihat komentar melalui browser, cukup melihat sumber halaman HTML dengan cara klik kanan halaman website dan pilih "View Page Sources" atau "Lihat Sumber Halaman" maka sumber HTML akan muncul di tab baru (cara cepatnya adalah dengan menekan Ctrl+u). Penting bagi Anda untuk tidak menuliskan hal-hal sensitif dan rahasia di komentar seperti username dan password

Berikut adalah contoh kode untuk menulis komentar dalam HTML

<!DOCTYPE html>
<html>
 <head>
  <title> Contoh Penulisan Komentar di HTML </title>
   <style type="text/css">
    a{
    color : #ecf0f1; 
    font-size : 1.2em; }
    a:hover { color : #f1c40f; }
   </style>
 </head>
  <body bgcolor="#2c3e50"> <!-- Background bewarna Midnight Blue -->
   <!-- Warna teks link : Clouds -->
  <a href="http://www.hipwee.com/artikel-terpopuler/?sort=7"> Klik disini dan temukan kumpulan artikel populer yang menarik untuk kamu baca </a> 
   <!-- Link yang dihubungkan ke website Hipwee -->
  </body>
</html>

Setelah Anda menjalankan kode di atas pada web browser, maka akan muncul seperti gambar di bawah ini

Hal yang perlu Anda ingat dalam penulisan komentar adalah selama komentar yang diawali dengan tag sebagai akhiran maka seluruh kode program akan terbaca sebagai komentar termasuk elemen – elemen yang ada didalamnya.

Sebagai contoh, lihat kode di bawah ini

<!DOCTYPE html>
<html>
 <head>
  <title>Penulisan Komentar di HTML Part 2</title>
 </head>
 <body>
   <!-- Ini adalah list dari struktur laporan yang akan dibuat
  <li> Pendahuluan
  <ol>
  <li> Latar Belakang </li>
  <li> Rumusan Masalah </li>
  <li> Tujuan </li>
  <li> Batasan Masalah </li>
  </ol> -->
  <p>Tidak terbaca </p>
 </body>
<html>

_

Setelah Anda menjalankan kode di atas pada web browser, maka akan muncul seperti gambar di bawah ini

Selain itu, komentar tidak hanya dapat digunakan sebagai catatan atau informasi, tetapi juga dapat digunakan untuk membuat beberapa konten web tidak tersedia untuk sementara. Ini sangat berguna ketika Anda ingin mencoba beberapa kode program HTML lain tanpa menghapus kode sebelumnya

Dengan begitu ketika ingin menggunakan kode program sebelumnya, Anda hanya perlu menghilangkan awalan dan tag penutup di komentar. Sudah paham cara membuat komentar di HTML?

Bagian 12. Elemen Kbd, Samp, Kode, dan Var

Bagian 14. Cara Membuat Daftar atau Daftar

Editor. Muhammad Zakaria

Download berbagai jenis aplikasi terbaru mulai dari windows, aplikasi android, driver dan sistem operasi gratis hanya di Nesabamedia. com

Bagaimana cara membuat komentar dalam HTML?

Cara Membuat Komentar di HTML .

Setelah tag, silahkan isi catatan atau komentar

Kemudian diakhiri dengan tag –>

Bagaimana cara menulis komentar pada file HTML dan CSS?

Komentar CSS dimulai dengan garis miring asterisk ( /* ) dan diakhiri dengan garis miring terbalik ( */ ) . Teks apa pun di antara tag pembuka dan penutup tidak akan dianggap sebagai kode CSS atau akan dianggap hilang oleh browser, termasuk tag pembuka dan penutup dari komentar itu sendiri.