Translate

Atribut HTML


Atribut memberikan informasi tambahan tentang elemen HTML.

HTML Atribut

  • Elemen HTML dapat memiliki atribut
  • Atribut memberikan informasi tambahan tentang elemen
  • Atribut selalu ditentukan dalam tag awal
  • Atribut datang dalam pasangan nama / nilai seperti: "value" name =

Atribut Contoh

Link HTML didefinisikan dengan tag <a>. Alamat link ditetapkan dalam atribut href :

Contoh

<a href="http://www.w3schools.com">This is a link</a> 
 
Maka tampilan dibrowser akan tampak seperti ini. This is a link

Selalu Kutip Nilai Atribut

Nilai atribut harus selalu ditutup dengan tanda kutip.
Kutipan gaya ganda adalah yang paling umum, tetapi kutipan gaya tunggal juga diperbolehkan.
UcapanTip: Dalam beberapa situasi langka, ketika nilai atribut itu sendiri berisi tanda kutip, maka perlu menggunakan tanda kutip tunggal: name = 'John "shotgun" Nelson'

HTML Tip: Gunakan Atribut huruf kecil

Atribut nama dan nilai atribut bersifat case-insensitive.
Namun, World Wide Web Consortium (W3C) merekomendasikan atribut huruf kecil / nilai atribut dalam HTML rekomendasi mereka 4.
Versi yang lebih baru (X) HTML akan menuntut atribut huruf kecil.

HTML Atribut Referensi

Sebuah daftar lengkap atribut hukum untuk setiap elemen HTML terdaftar di sini.
Di bawah ini adalah daftar dari beberapa atribut yang dapat digunakan pada setiap elemen HTML:
Atribut Deskripsi
kelas Menentukan satu atau lebih classnames untuk elemen (mengacu pada kelas dalam style sheet)
id Menentukan id unik untuk sebuah elemen
gaya Menentukan gaya inline CSS untuk elemen
judul Menentukan informasi tambahan tentang suatu elemen (ditampilkan sebagai tool tip)
Untuk informasi lebih lanjut tentang atribut global silahkan lihat dibawah ini:  

HTML global Atribut

New  : atribut global yang Baru di HTML5.
Atribut Deskripsi
accesskey Menentukan tombol pintas untuk mengaktifkan / fokus elemen
kelas Menentukan satu atau lebih classnames untuk elemen (mengacu pada kelas dalam style sheet)
contentEditable      baru Menentukan apakah isi dari suatu unsur adalah diedit atau tidak
ContextMenu        baru Menentukan menu konteks untuk suatu elemen. Menu konteks muncul ketika pengguna mengklik kanan pada elemen
dir Menentukan arah teks untuk konten dalam elemen
draggable               baru Menentukan apakah suatu unsur adalah draggable atau tidak
Dropzone               baru Menentukan apakah data menyeret disalin, dipindahkan, atau terkait, saat turun
tersembunyi           baru Menentukan bahwa elemen belum, atau tidak lagi, relevan
id Menentukan id unik untuk sebuah elemen
lang Menentukan bahasa isi elemen
spellcheck              baru Menentukan apakah elemen adalah memiliki ejaan dan tata bahasa diperiksa atau tidak
gaya Menentukan gaya inline CSS untuk elemen
tabindex Menentukan urutan tabbing elemen
judul Menentukan informasi tambahan tentang elemen

Copyright © 2012 Naimatulmarwa | Naima Design - Moch. Hidayat, Design Architect