Skip to content Skip to sidebar Skip to footer
Home / CSS / Web Design

Materi 6 : Komentar pada CSS

By Web Design Purbalingga Post a Comment

Komentar pada CSS – Sebelum lanjut, perlu kalian ketahui bahwa materi kali ini juga membahas tentang komentar pada html. Jadi, materi kali ini adalah bagaimana cara membuat komentar pada html dan css. Komentar di sini maksudnya adalah untuk memberikan komentar atau menandai agar kita sebagai user bisa membedakan antara struktur kode satu dengan yang lainnya.


Komentar pada CSS

Untuk lebih jelasnya tentang materi ini, mari perhatikan kode berikut ini 

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>Document</title>
 <style type="text/css">
 /*contoh komentar pada css*/
  background-color: #000; 
  max-width: 7000px;
  text-decoration: none;
 </style>
</head>
<body>
 <!-- contoh komentar pada html -->
 <h1>Selamat Datang di Forum Web Design</h1>
 <h2>Tempat belajar dan sharing seputar web design</h2>
 <p>Ini adalah halaman website pertamaku.</p>
</body>
</html>

Jadi, tulisan yang ada dalam tanda <!--  --> dan /*  */ adalah sebuah komentar. Fungsi lain dari komentar ini adalah agar memudahkan kita sebagai penulis koding tersebut mengingat bagian – bagian struktur koding dari website kita.

Memberikan komentar pada HTML

Cara membuat komentar pada html adalah dengan memberikan tanda kurung siku buka (<) lalu tanda seru (!) dan tanda kurang (-) dua kali di awal kemudian di akhiri dengan tanda (-) dua kali dan kurung siku seperti pada contoh di bawah ini.

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>Document</title>
</head>
<body>
 <!-- contoh komentar pada html -->
 <h1>Selamat Datang di Forum Web Design</h1>
 <h2>Tempat belajar dan sharing seputar web design</h2>
 <p>Ini adalah halaman website pertamaku.</p>
</body>
</html>

Memberikan komentar pada CSS

Adapun pada CSS, cara memberikan komentar pada kode css kita adalah dengan memberikan tanda slash (/) lalu tanda bintang (*) di awal kemudian memberikan tanda bintang (*) dan tanda slash (/) lagi di akhir seperti pada contoh di bawah ini.

/* contoh komentar pada CSS */

body {
 background-image: url(bg.jpg);
}

Komentar ini tidak akan terlihat oleh pengunjung website kita, dia hanya bisa dilihat oleh kita sebagai developer webnya.

Sekian materi tentang Komentar pada CSS, semoga bisa di pahami dan sampai jumpa di materi berikutnya.

Post a Comment for "Materi 6 : Komentar pada CSS"