DISKON TERBATAS! Masukkan kupon "skillbaru" saat checkout di kelas apa saja

Logo Koala Skodev mengetik

Skodev

Belajar coding dalam bahasa Indonesia

ATRIBUT CLASS PADA HTML

Atribut class pada HTML adalah atribut yang berguna untuk memberi tanda kepada beberapa elemen agar bisa dihias atau diberi aksi

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.
👈🏼 Atribut id pada HTML
Menggambar dengan SVG di HTML 👉🏼