Atribut class pada HTML - Referensi HTML

Atribut class adalah atribut yang bisa diberikan kepada satu atau beberapa elemen HTML.

Setiap elemen bisa punya banyak kelas
Setiap kelas bisa digunakan oleh banyak elemen

Cara menggunakan atribut class di HTML

Dengan menggunakan kata class diikuti dengan nilainya

<p class="text">Text biasa</p>
<p class="text">Text luar biasa</p>

Apa kegunaan dari atribut class di HTML

Atribut class biasanya digunakan untuk memberi aski atau hiasan tertentu lewat javascript atau CSS (pelajaran yang akan kita lihat pada bagian lain).

Contoh menggunakan atribut class pada CSS

Kamu belum perlu mengerti bagian ini, di sini adalah contoh menggunakan css dengan atribut class

<!DOCTYPE html>
<html>
<head>
<style>
.text {
  background-color: lightblue;
  color: white;
}
</style>
</head>
<body>
<p class="text">Text biasa</p>
<p class="text">Text luar biasa</p>
</body>
</html>

Hasilnya

Text biasa

Text luar biasa

Penjelasan

Cara menunjuk id pada CSS dengan karakter . (tanda titik)
Di CSS, kita memberi warna latar dan text dasar.