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
0 Comments