Wednesday, January 18, 2012

Atribut-Atribut Standard HTML

Daftar atribut-atribut di bawah ini adalah atribut standard yang bisa digambarkan untuk elemen-elemen HTML. Atribut-atribut standard terbagi tiga kelompok, Atribut Core, Atribut Language, dan Atribut Event.

Atribut Core
Atribut core tidak boleh digambarkan untuk elemen BASE, HEAD, HTML, META, PARAM, SCRIPT, STYLE, dan TITLE. Termasuk atribut-atribut core antara lain atribut CLASS, ID, STYLE, dan TITLE.

Atribut CLASS digunakan untuk menetapkan class name suatu elemen HTML, nantinya Class selector dapat mengacu kepada nilai atribut CLASS elemen HTML yang terkait. Sebagai Contoh:

<P CLASS="myClass">Alinea</P>

Atribut ID digunakan untuk menetapkan pengenal unik suatu elemen HTML, nantinya ID selectornya dapat mengacu kepada nilai atribut ID suatu elemen HTML. Nilai atribut ID adalah unik! Ini menggambarkan bahwa satu elemen dengan dengan elemen HTML lainnya tidak boleh memiliki nilai atribut ID yang sama. Sebagai Contoh:

<P ID="myID">Alinea</P>

Atribut STYLE digunakan untuk menetapkan 'Inline Style', yaitu aturan CSS langsung digambarkan di dalam tag awal dari suatu elemen HTML. Sebagai Contoh:

<P STYLE="color: red;">Alinea</P>

Atribut TITLE digunakan untuk memberikan ekstra informasi tambahan berupa teks untuk suatu elemen HTML. Nilai atribut TITLE ini akan ditampilkan sebagai tooltip ketika pointer mouse tepat di atas suatu elemen.

Atribut TITLE sangat penting untuk elemen A, IMG, ABBR, dan ACRONYM. Sebagai Contoh:

<P>Indonesia bergabung dengan <ABBR TITLE="Perserikatan Bangsa-Bangsa">PBB</ABBR></P>

Atribut Language
Atribut language tidak boleh digambarkan untuk elemen BASE, BR, FRAME, FRAMESET, HR, IFRAME, PARAM, dan SCRIPT. Atribut-atribut language antara lain DIR dan LANG.

Atribut DIR digunakan untuk menggambarkan arah penulisan isi di dalam suatu elemen HTML. Apakah arah penulisannya dari arah kiri ke kanan ('ltr') atau dari arah kanan ke kiri ('rtl'). Sebagai Contoh:

<P LANG="id" DIR="ltr">Belajar</P>

Atribut LANG digunakan untuk menetapkan kode bahasa untuk isi suatu elemen HTML. Untuk nilai dari atribut LANG ini, anda dapat lihat di ID-ID Bahasa HTML.

Atribut Event
Berikut daftar atribut event yang bisa digambarkan untuk suatu elemen HTML:

  • ONCLICK script akan dijalankan ketika pengguna mengklik suatu elemen.
  • ONDBLCLICK script akan dijalankan oleh browser ketika pengguna mengklik dua kali suatu elemen.
  • ONMOUSEDOWN script akan dijalankan oleh browser ketika tombol mouse ditekan.
  • ONMOUSEMOVE script akan dijalankan oleh browser ketika mouse adalah digerakkan.
  • ONMOUSEOUT script akan dijalankan oleh browser ketika mouse digerakkan keluar dari area suatu elemen.
  • ONMOUSEOVER script akan dijalankan oleh browser ketika mouse digerakkan tepat di atas suatu elemen.
  • ONMOUSEUP script akan dijalankan oleh browser ketika tombol mouse dilepaskan, setelah sebelumnya tombol mouse ditekan.
  • ONKEYDOWN script akan dijalankan oleh browser ketika suatu tombol keyboard ditekan.
  • ONKEYUP script akan dijalankan oleh browser ketika tombol keyboard dilepaskan, setelah sebelumnya ditekan.

Sebagai contoh:

<P ONCLICK="alert('Event ONCLICK dipanggil')">Klik Me!</P>