Spear — Learn to Code

Docs/HTML/Classes & ID

HTML Classes & ID

Atribut class dan id digunakan untuk mengidentifikasi elemen untuk CSS dan JavaScript.

Class

Bisa dipakai berulang pada banyak elemen
Satu elemen bisa punya banyak class (dipisah spasi)
Dipilih di CSS dengan .namaClass

ID

Harus unik — hanya satu elemen per halaman
Dipilih di CSS dengan #namaId
Bisa digunakan sebagai anchor link (href="#id")

index.html

Try It →

<style>
  .card { background:#F1F5F9; padding:16px; border-radius:8px; margin:8px 0; }
  .highlight { border-left: 4px solid #6DD5C4; }
  .text-blue { color: #7EB8F0; }
  #special-card { background: linear-gradient(135deg, #6DD5C4, #7EB8F0); color: white; }
</style>

<div class="card">Card dengan class "card"</div>
<div class="card highlight">Card dengan class "card" + "highlight"</div>
<div class="card highlight text-blue">Card dengan 3 class sekaligus</div>
<div id="special-card" class="card">Card dengan id "special-card"</div>

← Previous

Div & Span

Iframes