Sebelumnya kita telah membahas tentang *link(tag tag pada html), kali ini ga kalah penting pula yaitu attribute2 yang terdapat pada html. Sebelum kita tahu attribute-attribute apa saja yang ada pada html dan juga fungsi masing-masing, mari kita ketahui dulu apa itu attribute.

Attribute adalah Informasi tambahan yang diberikan kepada tag, informasi ini berupa instruksi misalkan kita ingin memberikan ukuran lebar untuk blog yg kita buat maka kita perlu attribute width.


Attribute Tag Deskripsi
accept <input> Menentukan jenis file yang akan diterima server (hanya type =file)
Accept-charset <form> Menentukan pengkodean karakter yang akan digunakan untuk pengiriman formulir.
acceskey Global Attribute Menentukan tombol pintas untuk mengaktifkan / fokus elemen.
action <form> Menentukan di mana mengirim data form ketika formulir dikirimkan.
align tidak support HTML 5 Menentukan keselarasan sesuai dengan elemen sekitarnya. Gunakan CSS sebagai gantinya.
alt <area>, <img>, <input> Menentukan teks alternatif ketika unsur asli gagal untuk menampilkan.
async <script> Menentukan bahwa script ini dijalankan asynchronously (hanya untuk skrip eksternal).
autocomplete <form>, <input> Menentukan apakah elemen <form> atau <input> harus mengaktifkan autocomplete
autofocus <button>, <input>, <keygen>, <select>, <textarea> Menentukan bahwa elemen harus otomatis fokus atau tidak.
autoplay <audio>, <video> Menentukan bahwa audio / video akan otomatis play atau tidak
bgcolor tidak support HTML 5 Menentukan warna background (Alternatifnya gunakan CSS)
border tidak support HTML 5 Menentukan garis batas sebuah object (alternatif gunakan CSS)
challenge <keygen> Menetapkan bahwa nilai dari <keygen> elemen harus ditantang ketika disampaikan.
charset <meta>, <script> Menentukan pengkodean
checked <input> Menentukan bahwa elemen <input> harus dipilih otomatis atau tidak (untuk type = “checkbox” atau type = “radio”).
cite <blockquote>, <del>, <ins>, <q> Menentukan URL yang menjelaskan kutipan / hapus / teks yang dimasukkan.
class Global Attribute Menentukan satu atau lebih nama kelas untuk elemen (mengacu pada kelas dalam style sheet).
cols <textarea> Menentukan lebar dari textarea
color tidak support HTML 5 Menentukan warna pada text (alternatif gunakan CSS)
colspan <td>,<th> Menentukan jumlah kolom sel tabel pada tabel
content <meta> Memberikan nilai yang terkait dengan http-equiv nama atribute
contentditable Global Attribute Menentukan apakah isi dari sebuah elemen dapat diedit atau tidak.
contextmenu Global Attribute Menentukan menu konteks untuk unsur. Menu konteks muncul ketika pengguna benar-klik pada elemen.
controls <audio>, <video> Menentukan bahwa kontrol audio / video harus ditampilkan (seperti tombol play / pause dll).
coords <area> Menentukan koorditane dari area
data <object> Menentukan URL dari sumber yang akan digunakan oleh objek.
data-* Global Attribute Digunakan untuk menyimpan data pribadi ke halaman atau aplikasi.
datetime <del>, <ins>, <time> Menentukan Tanggal dan Jam
default <track> Menentukan bahwa lagu tersebut akan diaktifkan jika preferensi pengguna tidak menunjukkan bahwa lagu lain akan lebih tepat.
defer <script> Menentukan bahwa script ini dijalankan saat halaman selesai parsing (hanya untuk skrip eksternal).
dir Global Attribute Menentukan arah teks untuk konten dalam elemen.
dirname <input>, <textarea> Menentukan bahwa arah teks akan disampaikan.
disabled <button>, <input>, <keygen>, <select>, <fieldset>, <optgroup>, <option>, <textarea> Menonaktifkan element yang bersangkutan
download <a>, <area> Menentukan bahwa target akan di-download ketika pengguna mengklik hyperlink.
draggable Global Attribute Menentukan apakah suatu elemen draggable atau tidak.
dropzone Global Attribute Menentukan apakah data disalin, dipindahkan, atau terkait, saat turun.
enctype <form> Menentukan bagaimana bentuk-data harus dikodekan ketika mengirimkan ke server (hanya untuk metode = “post”).
for <label>, <output> Menentukan bentuk elemen label
form <button>, <input>, <keygen>, <select>, <object>, <meter>, <fieldset>, <optgroup>, <option>, <textarea>, <output> Menentukan Nama Elemen
formaction <button>, <input> Menentukan untuk mengirim form-data ketika formulir dikirimkan. Hanya untuk type = “submit”.
headers <td>,<th> Menentukan satu atau lebih header
height <canvas>,<embed>, <iframe>, <img>, <input>, <object>, <video> Menentukan tinggi dari sebuah elemen
hidden Global Attribute Menyembunyikan elemen yang bersangkutan
high <meter> Menentukan rentang yang dianggap menjadi nilai tinggi.
href <a>, <area>, <base>, <link> Menentukan Llink URL yang akan dituju
hreflang <a>, <area>, <link> Menentukan bahasa dokumen terkait.
Http-equiv <meta> Memberikan header HTTP untuk informasi / nilai atribut konten.
id Global Attribute Menentukan id yang unik untuk elemen
ismap <img> Menentukan gambar sebagai server-side image-map.
keytype <keygen> Menentukan kunci keamanan algoritma
kind <track> Menentukan jenis track teks.
label <track>, <option>, <optgroup> Menentukan judul lagu teks.
lang Global Attribute Menentukan bahasa konten
list <input> Mengacu pada <datalist> elemen yang berisi opsi yang telah ditetapkan untuk <input> elemen.
loop <audio>, <video> Menentukan bahwa audio / video akan mulai dari awal lagi, setiap kali selesai.
low <meter> Menentukan rentang yang dianggap nilai yang rendah.
manifest <html> Menentukan alamat manifest cache dokumen (untuk browsing offline).
max <input>, <meter>, <progress> Menentukan jumlah maksimal
maxlength <input>, <textarea> Menentukan jumlah maksimal karakter yang akan dimasukan
media <a>, <area>, <link>, <source>, <style> Menentukan apa yang media / perangkat dokumen terkait dioptimalkan
method <form> Menentukan HTTP methode ketika mengirim dokument
min <input>, <meter> Menentukan isi minimal
multiple <input>, <select> Menentukan bahwa pengguna dapat memasukkan lebih dari satu nilai.
muted <audio>, <video> Menghilangkan suara pada audio dan vidio
name <button>, <input>, <keygen>, <select>, <fieldset>, <optgroup>, <option>, <textarea>, <meta>, <map>, <iframe>, <output>, <param> Menentukan nama pada elemen
novalidate <form> Menentukan bahwa form tidak harus divalidasi ketika disampaikan.
onabort <audio>, <video>, <embed>, <img>, <object>, Script yang dijalankan kemudian dibatalkan
onafterprint <body> Script dijalankan setelah document diprint
onbeforeprint <body> Script dijalankan sebelum document diprint
onbeforeunload <body> Script akan dijalankan ketika dokumen akan segera dibongkar.
onblur Semua Elemen yang terlihat Script dijalankan ketika tidak fokus
oncanplay <audio>, <video>, <embed>, <object> Script akan dijalankan ketika file siap untuk mulai bermain (ketika telah buffered cukup untuk memulai).
oncanplaythrough <audio>, <video> Script akan dijalankan ketika file dapat memainkan semua jalan sampai akhir tanpa berhenti untuk buffering.
onchange Semua Elemen yang terlihat Script akan dijalankan ketika isi dari elemen diubah
onclick Semua Elemen yang terlihat Script akan dijalankan ketika elemen diklik
oncontextmenu Semua Elemen yang terlihat Script akan dijalankan ketika menu konteks dipicu
oncopy Semua Elemen yang terlihat Script akan dijalankan bila konten dari elemen sedang disalin.
oncuechange <track> Script akan dijalankan ketika perubahan dalam <track> elemen
oncut Semua Elemen yang terlihat Script akan dijalankan ketika elemen dicut
ondblclick Semua Elemen yang terlihat Script akan dijalankan ketika elemen diklik dua kali
ondrag Semua Elemen yang terlihat Script akan dijalankan ketikan elemen didrag
ondragend Semua Elemen yang terlihat Script akan dijalankan pada akhir operasi drag
ondragenter Semua Elemen yang terlihat Script akan dijalankan ketika elemen yang terbawa ke target penurunan valid.
ondrageleave Semua Elemen yang terlihat Script akan dijalankan ketika elemen meninggalkan target penurunan valid
ondragover Semua Elemen yang terlihat Script akan dijalankan ketika elemen diseret melebihilebih target penurunan valid.
ondragstart Semua Elemen yang terlihat Script akan diajalankan ketika drag dimulai
ondrop Semua Elemen yang terlihat Script akan dijalankan ketika elemen selesai di drag
ondurationcange <audio>, <video> Script akan dijalankan ketika perubahan Media
onemptied <audio>, <video> Script akan dijalankan ketika sesuatu yang buruk terjadi dan file yang tiba-tiba tidak tersedia (seperti tiba-tiba terputus).
onended <audio>, <video> Script akan dijalankan ketika media mencapai akhir (acara berguna untuk pesan-pesan seperti “terima kasih untuk mendengarkan”)
onerror <audio>, <video>, <embed>, <img>, <object>, <script>, <body>, <style> Script akan dijalankan ketika ada eror
onfocus Semua Elemen yang terlihat Script akan dijalankan ketika fokus
onhashchange <body> Script akan dijalankan ketika ada perubahan pada bagian anchor dari URL.
oninput Semua Elemen yang terlihat Script akan dijalankan ketika user menginput data
oninvalid Semua Elemen yang terlihat Script akan dijalankan ketika ada elemen yang salah
onkeydown Semua Elemen yang terlihat Script akan dijalankan ketika user menekan keyboard
onkeypress Semua Elemen yang terlihat Script akan dijalankan ketika user menekan keyboard
onkeyup Semua Elemen yang terlihat Script akan dijalankan ketika user selesai menekan keyboard
onload <body>, <iframe>, <img>, <input>, <link>, <script>, <style> Script akan dijalankan ketika element selesai diload
onloadeddata <audio>, <video> Script akan dijalankan ketika data media dimuat
onloadedmetadata <audio>, <video> Script akan dijalankan ketika metadata (seperti dimensi dan durasi) dimuat.
onloadstart <audio>, <video> Script dijalankan seperti file mulai memuat sebelum ada sesuatu yang benar-benar dimuat.
onmousedown Semua Elemen yang terlihat Script akan dijalankan ketika tombol mouse ditekan pada sebuah elemen.
onmousemove Semua Elemen yang terlihat Script untuk dijalankan selama pointer mouse bergerak di atas elemen.
onmouseout Semua Elemen yang terlihat Script akan dijalankan ketika pointer mouse bergerak keluar dari elemen.
onmouseover Semua Elemen yang terlihat Script akan dijalankan ketika mouse pointer bergerak lebih dari elemen.
onmouseup Semua Elemen yang terlihat Script akan dijalankan ketika tombol mouse dilepaskan dari elemen.
onmousewheel Semua Elemen yang terlihat Script akan dijalankan ketika mouse discrool melalui elemen.
onoffline <body> Script akan dijalankan ketika browser offline
ononline <body> Script akan dijalankan ketika browser online
onpagehida <body> Script akan dijalankan ketika pengguna menavigasi jauh dari halaman.
onpageshow <body> Script akan dijalankan ketika pengguna menavigasi ke halaman
onpaste Semua Elemen yang terlihat Script akan dijalankan ketika pengguna paste beberapa konten dalam elemen
onpause <audio>, <video> Script akan dijalankan ketika media dihentikan sementara oleh pengguna atau pemrograman.
onplay <audio>, <video> Script akan dijalankan ketika media siap untuk mulai bermain.
onplaying <audio>, <video> Script akan dijalankan ketika media sebenarnya telah mulai bermain.
onpopstate <body> Script akan dijalankan ketika perubahan history windows.
onprogress <audio>, <video> Script akan dijalankan ketika browser sedang dalam proses untuk mendapatkan data media
onratechange <audio>, <video> Script untuk dijalankan setiap kali tingkat pemutaran berubah (seperti ketika pengguna beralih ke gerakan lambat atau modus maju cepat).
onreset <form> Script akan dijalankan ketika tombol reset ditekan
onresize <body> Script akan dijalankan ketika jendela browser sedang diatur ukurannya.
onscroll Semua Elemen yang terlihat Script akan dijalankan ketika scrollbar sedang discroll
onsearch <input> Script akan dijalankan ketika pengguna menulis sesuatu di kolom pencarian (untuk <input = “search”>).
onseeked <audio>, <video> Script akan dijalankan ketika atribut diatur ke false menunjukkan bahwa pencarian telah berakhir.
onseeking <audio>, <video> Script akan dijalankan ketika atribut mencari dengan benar, menunjukkan pencarian yang aktif
onselect Semua Elemen yang terlihat Script akan dijalankan ketika elemen akan dipilih.
onshow <menu> Script akan dijalankan ketika <menu> elemen ditampilkan sebagai menu konteks
onstalled <audio>, <video> Script akan dijalankan bila browser tidak dapat mengambil data media untuk alasan apa pun.
onstorage <body> Script akan dijalankan ketika penyimpanan web telah diupdate
onsubmit <form> Script akan dijalankan ketika form sudah disubmit
onsuspend <audio>, <video> Script akan dijalankan saat mengambil data media dihentikan sebelum benar-benar dimuat untuk alasan apapun.
ontimeupdate <audio>, <video> Script akan dijalankan ketika posisi bermain telah berubah (seperti ketika pemain depan yang cepat pengguna ke titik yang berbeda di media)
ontoggle <details> Script akan dijalankan ketika pengguna membuka atau menutup element <details>
onunload <body> Script akan dijalankan saat halaman telah dimuat (atau jendela browser telah ditutup)
onvolumechange <audio>, <video> Script untuk dijalankan setiap kali volume berubah yang (termasuk pengaturan volume untuk “mute”).
onwaiting <audio>, <video> Script akan dijalankan ketika media telah berhenti namun diperkirakan untuk melanjutkan (seperti ketika media berhenti untuk buffer lebih banyak data).
onwheel Semua Elemen yang terlihat Script akan dijalankan ketika mouse discroll ke atas atau ke bawah elemen.
open <details> Menentukan bahwa rincian harus terlihat (terbuka) untuk pengguna
optimum <meter> Menentukan apakah nilai adalah nilai optimal untuk mengukur.
pattern <input> Menentukan ekspresi reguler yang nilainya sebuah <input> elemen.
placeholder <input>, <textarea> Membuat nama pada sebuah elemen
poster <video> Menentukan gambar yang akan ditampilkan saat video sedang men-download, atau sampai pengguna menekan tombol putar.
preload <audio>, <video> Menentukan apakah dan bagaimana penulis berpikir audio / video harus dimuat ketika beban halaman
readonly <input>, <textarea> Menentukan bahwa unsur ini read-only
rel <a>, <area>, <link> Menentukan hubungan antara dokumen saat ini dan dokumen terkait.
required <input>, <select>, <textarea> Menentukan bahwa elemen harus diisi sebelum mengirimkan formulir.
reserved <ol> Menentukan bahwa urutan daftar harus turun (9,8,7 …).
rows <textarea> Menentukan jumlaht dari baris dalam textarea.
rowspan <td>,<th> Menentukan jumlah baris sel tabel harus menjangkau
sandbox <iframe> Memungkinkan set ekstra pembatasan untuk konten dalam <iframe>
scope <th> Menentukan apakah sebuah sel header untuk kolom, baris, atau kelompok kolom atau baris.
scoped <style> Menentukan bahwa style hanya berlaku untuk elemen induk ini elemen dan elemen anak dari elemen
selected <option> Menetapkan bahwa pilihan harus dipilih ketika beban halaman.
shape <area> Menentukan bentuk daerah.
size <input>, <select> Menentukan lebar, dalam karakter (untuk <input>) atau menentukan jumlah pilihan yang terlihat (untuk <select>)
sizes <link> Menentukan ukuran sumber daya terkait.
span <col>, <colgroup> Menentukan jumlah kolom span.
spellcheck Semua Elemen yang terlihat Menentukan apakah elemen memiliki ejaan dan tata bahasa akan diperiksa atau tidak.
src <audio>, <video>, <embed>, <img>, <iframe>, <input>, <script>, <source>, <track> Menentukan URL dari file media.
srcdoc <iframe> Menentukan konten HTML halaman untuk menunjukkan di <iframe>.
srclang <track> Menentukan bahasa data track teks (diperlukan jika jenis = “subtitles”).
start <ol> Menentukan nilai awal dari sebuah daftar.
step <input> Menentukan interval jumlah untuk field input.
style Semua Elemen yang terlihat Menentukan CSS gaya inline untuk suatu elemen.
tabindex Semua Elemen yang terlihat Menentukan urutan tabbing dari elemen.
target <a>, <area>, <base>, <form> Menentukan target tempat untuk membuka dokumen terkait atau di mana untuk mengirimkan formulir.
title Semua Elemen yang terlihat Menentukan informasi tambahan tentang elemen.
translate Semua Elemen yang terlihat Menentukan apakah isi dari sebuah elemen harus diterjemahkan atau tidak.
type <button>, <input>, <embed>, <link>, <menu>, <object>, <script>, <source>, <style> Menentukan jenis elemen.
usemap <img>, <object> Menentukan gambar sebagai client-side image-map.
value <button>, <input>, <li>, <option>, <progress>, <param> Menentukan nilai dari elemen.
width <canvas>,<embed>, <iframe>, <img>, <input>, <object>, <video> Menentukan lebar elemen
wrap <textarea> Menentukan bagaimana teks dalam area teks harus dibungkus ketika disampaikan dalam formulir.

Apabila masih ada yang kurang atau salah silahkan coment dibawah agar nantinya admin tambahkan / perbaiki