Dibaca: 285

Pengenalan CSS - Komentar

Komentar CSS

Komentar digunakan untuk menjelaskan atau memberi keterangan penjelasan pada kode CSS.
Komentar akan berguna pada waktu yang akan datang atau bagi penulis kode CSS yang lain.
Komentar akan diabaikan oleh browser.

Sebuah komentar CSS ditulis di dalam elemen <style> dan dimulai dengan tanda /* serta diakhiri dengan tanda */ (lihat contoh).

/* This is a single-line comment */
h1 {
  color: red;
}

p {
  color: red; /* Set text color to red */
}

Sebuah komentar juga bisa terdiri dari beberapa baris.


/* Ini adalah contoh
komentar yang terdiri dari
beberapa baris */

p {
 color: red;
}

Perbedaan komentar HTML dan CSS

Pada HTML penulisan komentar adalah dengan tanda <!-- dan diakhiri dengan tanda -->
Pada sebuah halaman HTML bisa dijumpai komentar HTML dan CSS pada satu halaman seperti pada contoh berikut.

<!DOCTYPE html>
<html>
   <head>
   <style>
      p { 
        color: blue; /* membuat warna teks menjadi biru */
      }
   </style>
   </head>
   <body>
      <h2>Bagian Judull</h2>
      <!-- Bagian paragraf dalam dokumen HTML -->
      <p>Selamat Datang!</p>
      <p>Paragraf yang diformat dengan CSS.</p>
      <p>Komentar CSS tidak ditampilkan pada layar.</p>
   </body>
</html>