Logo Komodo Koding /Koding

Atribut id pada HTML

Atribut id pada HTML adalah atribut yang berguna untuk memberi tanda atau nama pada sebuah elemen secara unik

Atribut id adalah atribut unik yang diberikan kepada sebuah elemen HTML. Setiap elemen hanya boleh punya satu atribut dan harus unik (tidak boleh beberapa elemen punya id yang sama)

Cara menggunakan atribut id di HTML

Dengan menggunakan kata id diikuti dengan nilainya

<h1 id="head">Header</h1>

Apa kegunaan dari atribut id di HTML

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

Contoh menggunakan atribut id pada CSS

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

<!DOCTYPE html>
<html>
<head>
<style>
#head {
  background-color: lightblue;
  color: white;
}
</style>
</head>
<body>
<h1 id="head">Header</h1>
</body>
</html>

Hasilnya

Header

Penjelasan

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