Skip to Content
LearningHTMLAtribut HTML

Atribut

Atribut adalah sebuah informasi tambahan yang diberikan pada elemen HTML. Atribut terdiri dari nama dan nilai. Atribut ditulis di dalam tag HTML. Berikut adalah contoh penggunaan atribut:

<img src="https://google.com/images/200/300" />
<a href="https://www.google.com">Google</a>

Prinsip penggunaan atribut

  • Nama atribut ditulis di dalam tag HTML.
  • Nama atribut ditulis diikuti dengan tanda sama dengan (=).
  • Nama atribut ditulis diikuti dengan nilai atribut dan di masukkan ke dalam double quote (“value”).
  • Nama atribut dan nilai atribut dipisahkan dengan tanda spasi.

Attribute Global

Atribut global adalah atribut yang dapat digunakan pada semua elemen HTML. Berikut adalah beberapa atribut global:

  • class: Atribut yang menyatakan nama class dari sebuah elemen HTML.
  • id: Atribut yang menyatakan id dari sebuah elemen HTML.
  • style: Atribut yang menyatakan style dari sebuah elemen HTML.
  • title: Atribut yang menyatakan judul dari sebuah elemen HTML.

Contoh penggunaan atribut global:

<p class="paragraph" id="paragraph" style="color: red;" title="Judul"> Paragraf </p>

Attribute Event

Atribut event adalah atribut yang dapat digunakan untuk menambahkan event handler pada sebuah elemen HTML. Berikut adalah beberapa atribut event:

  • onclick: Atribut yang menyatakan event handler ketika elemen HTML diklik.
  • onchange: Atribut yang menyatakan event handler ketika nilai dari elemen HTML berubah.
  • onmouseover: Atribut yang menyatakan event handler ketika kursor berada di atas elemen HTML.
  • onmouseout: Atribut yang menyatakan event handler ketika kursor tidak berada di atas elemen HTML.

Contoh penggunaan atribut event:

<button onclick="alert('Hello World!')">Klik Saya!</button>
Last updated on