Atribut Tag HTML
Atribut Tag HTML adalah pengubah untuk tag HTML dan mereka memberikan informasi tambahan. Dalam kebanyakan kasus mereka didefinisikan dalam pasangan name = "value" dan mereka selalu dinyatakan dalam tag pembuka.
< tagname attributename = "value" attibute 2 = "othervalue" atribut 3> Beberapa konten </ tagname >
Contohnya
Gambar HTML mengatur sumber file gambar, deskripsi singkat dan ukuran (lebar dan tinggi) melalui atribut:
< img src = "rubiks-cube.jpg" width = "200" height = "200" alt = "Kubus Rubik" />
Jangkar tautan yang dapat diklik mengatur referensi melalui atribut href , sementara target = "_ blank" memaksa tautan untuk membuka di tab browser baru.
< A href = "https://ruwix.com/" Target = "_blank" > Rubik Cube </ a >
Atribut kelas dan ID
Tag apa pun dapat memiliki atribut kelas dan id yang tidak terbatas. Mereka digunakan untuk menata elemen atau menargetkan mereka melalui skrip (kita akan membicarakan skrip nanti).
Contoh di bawah ini memiliki dua kelas dan satu pengenal.
< div class = "big clearfix" id = "bigBox3" > Beberapa konten </ div >
Atribut data- *
Beberapa atribut dapat digunakan untuk tag apa saja (kelas, id) sementara beberapa atribut milik tag tertentu. Misalnya atribut tautan href tidak dapat digunakan untuk tag img .
Anda memiliki kemungkinan untuk mendeklarasikan atribut apa pun menggunakan awalan data . Ini mungkin berguna nanti untuk skrip (kami akan membahasnya nanti).
< ul > < li data-pos = "1" > HTML </ li > < li data-pos = "2" > CSS </ li > < li data-pos = "3" > JavaScript </ li > </ ul >
Gaya
< p style = "font-size: 1.2em; text-align: center;" > Teksnya adalah < span style = "text-decoration: underline;" > lebih besar </ span > dalam paragraf ini. </ p >
Teks lebih besar dalam paragraf ini.
Semua atribut HTML
Tabel di bawah ini mencantumkan dan menjelaskan semua atribut dan menentukan ke tag mana mereka berasal.
| Atribut | Milik tag | Penjelasan |
|---|---|---|
| menerima | memasukkan | Menetapkan jenis file apa yang diterima server (hanya untuk type = "file") |
| accept-charset | bentuk | Menetapkan pengkodean karakter yang akan digunakan untuk pengiriman formulir |
| kunci akses | Atribut global | Setel tombol pintas untuk mengaktifkan / memfokuskan elemen |
| tindakan | bentuk | Menetapkan tempat untuk mengirim formulir-data saat formulir dikirimkan |
| meluruskan | Usang! | Mengatur perataan menurut elemen di sekitarnya. Atribut usang, gunakan CSS sebagai gantinya |
| alt | area, img, input | Menetapkan teks alternatif ketika elemen asli gagal ditampilkan |
| async | naskah | Menetapkan bahwa skrip dijalankan secara tidak sinkron (hanya untuk skrip eksternal) |
| autocomplete | formulir, masukan | Setel apakah formulir atau elemen input seharusnya dilengkapi autocomplete |
| fokus otomatis | tombol, input, pilih, textarea | Menetapkan bahwa elemen harus secara otomatis mendapatkan fokus saat halaman dimuat |
| putar otomatis | audio, video | Setel bahwa audio / video akan mulai diputar segera setelah siap |
| bgcolor | Usang! | Mengatur warna latar belakang suatu elemen. Gunakan CSS sebagai gantinya |
| berbatasan | Usang! | Mengatur lebar batas elemen. Gunakan CSS sebagai gantinya |
| charset | meta, skrip | Mengatur pengkodean karakter |
| diperiksa | memasukkan | Setel bahwa elemen input harus dipilih sebelumnya ketika halaman dimuat (untuk type = "checkbox" atau type = "radio") |
| mengutip | blockquote, del, in, q | Menetapkan URL yang menjelaskan kutipan / teks yang dihapus / disisipkan |
| kelas | Atribut global | Set satu atau beberapa nama kelas untuk suatu elemen (merujuk ke kelas dalam lembar gaya) |
| warna | Usang! | Mengatur warna teks suatu elemen. Gunakan CSS sebagai gantinya |
| cols | textarea | Mengatur lebar area teks yang terlihat |
| colspan | td, th | Menetapkan jumlah kolom sel tabel harus span |
| konten | meta | Memberikan nilai yang terkait dengan atribut http-equiv atau nama |
| dapat diedit | Atribut global | Setel apakah konten suatu elemen dapat diedit atau tidak |
| menu konteks | Atribut global | Menetapkan menu konteks untuk suatu elemen. Menu konteks muncul ketika pengguna mengklik kanan pada elemen |
| kontrol | audio, video | Setel bahwa kontrol audio / video harus ditampilkan (seperti tombol putar / jeda, dll.) |
| coords | daerah | Mengatur koordinat area |
| data | obyek | Setel URL sumber daya yang akan digunakan oleh objek |
| data-* | Atribut global | Digunakan untuk menyimpan data khusus pribadi ke halaman atau aplikasi |
| tanggal Waktu | del, ins, waktu | Tetapkan tanggal dan waktu |
| standar | jalur | Menetapkan bahwa trek akan diaktifkan jika preferensi pengguna tidak menunjukkan bahwa trek lain akan lebih sesuai |
| menunda | naskah | Menetapkan bahwa skrip dieksekusi ketika halaman telah selesai parsing (hanya untuk skrip eksternal) |
| dir | Atribut global | Menetapkan arah teks untuk konten dalam suatu elemen |
| dirname | input, textarea | Menetapkan bahwa arah teks akan dikirimkan |
| cacat | tombol, fieldset, input, optgroup, opsi, pilih, textarea | Menetapkan bahwa elemen / grup elemen yang ditentukan harus dinonaktifkan |
| unduh | a, area | Menetapkan bahwa target akan diunduh ketika pengguna mengklik hyperlink |
| terseret | Atribut global | Menetapkan apakah suatu elemen dapat diseret atau tidak |
| dropzone | Atribut global | Setel apakah data yang diseret disalin, dipindahkan, atau ditautkan, saat dijatuhkan |
| enctype | bentuk | Menetapkan bagaimana bentuk-data harus dikodekan ketika mengirimkannya ke server (hanya untuk metode = "posting") |
| untuk | label, keluaran | Menetapkan elemen bentuk mana yang terikat dengan label / perhitungan |
| bentuk | tombol, bidang, input, label, meter, objek, output, pilih, textarea | Mengatur nama bentuk elemen milik |
| formasi | tombol, masukan | Menetapkan tempat untuk mengirim formulir-data saat formulir dikirimkan. Hanya untuk tipe = "kirim" |
| header | td, th | Menetapkan satu atau beberapa sel tajuk yang terkait dengan sel |
| tinggi | kanvas, sematkan, iframe, img, input, objek, video | Mengatur ketinggian elemen |
| tersembunyi | Atribut global | Menetapkan bahwa suatu elemen belum, atau tidak lagi, relevan |
| tinggi | meter | Menetapkan rentang yang dianggap bernilai tinggi |
| href | a, area, base, tautan | Setel URL halaman yang dituju tautan |
| hreflang | a, area, tautan | Setel bahasa dokumen yang ditautkan |
| http-equiv | meta | Memberikan header HTTP untuk informasi / nilai atribut konten |
| id | Atribut global | Tetapkan id unik untuk suatu elemen |
| ismap | img | Menetapkan gambar sebagai gambar-peta sisi-server |
| jenis | jalur | Mengatur jenis trek teks |
| label | melacak, opsi, optgroup | Menetapkan judul trek teks |
| lang | Atribut global | Tetapkan bahasa konten elemen |
| daftar | memasukkan | Mengacu pada elemen datalist yang berisi opsi yang telah ditentukan sebelumnya untuk elemen input |
| lingkaran | audio, video | Setel bahwa audio / video akan mulai lagi, setiap kali selesai |
| rendah | meter | Menetapkan rentang yang dianggap sebagai nilai rendah |
| maks | input, meter, kemajuan | Tetapkan nilai maksimum |
| panjang maksimal | input, textarea | Setel jumlah karakter maksimum yang diperbolehkan dalam suatu elemen |
| media | a, area, tautan, sumber, gaya | Menetapkan untuk media / perangkat apa dokumen yang ditautkan dioptimalkan |
| metode | bentuk | Setel metode HTTP untuk digunakan saat mengirim formulir-data |
| min | input, meter | Tetapkan nilai minimum |
| berganda | masukan, pilih | Menetapkan bahwa pengguna dapat memasukkan lebih dari satu nilai |
| diredam | video, audio | Setel bahwa output audio dari video harus dibisukan |
| nama | tombol, fieldset, form, iframe, input, peta, meta, objek, output, param, pilih, textarea | Tetapkan nama elemen |
| tidak valid | bentuk | Menetapkan bahwa formulir tidak boleh divalidasi saat dikirimkan |
| onabort | audio, embed, img, objek, video | Script untuk dijalankan pada batalkan |
| onafterprint | tubuh | Script untuk dijalankan setelah dokumen dicetak |
| onbeforeprint | tubuh | Script untuk dijalankan sebelum dokumen dicetak |
| onbeforeunload | tubuh | Script untuk dijalankan ketika dokumen akan dibongkar |
| onblur | Elemen yang terlihat | Script untuk dijalankan ketika elemen kehilangan fokus |
| oncanplay | audio, embed, objek, video | Script untuk dijalankan ketika file siap untuk mulai diputar (ketika sudah cukup buffer untuk memulai) |
| oncanplaythrough | audio, video | Script untuk dijalankan ketika file dapat dimainkan sampai akhir tanpa berhenti untuk buffering |
| dalam perubahan | Elemen yang terlihat | Script yang akan dijalankan ketika nilai elemen diubah |
| klik | Elemen yang terlihat | Script untuk dijalankan ketika elemen diklik |
| oncontextmenu | Elemen yang terlihat | Script untuk dijalankan ketika menu konteks dipicu |
| oncopy | Elemen yang terlihat | Script untuk dijalankan ketika konten elemen sedang disalin |
| oncuechange | jalur | Script untuk dijalankan ketika isyarat berubah dalam elemen trek |
| potong | Elemen yang terlihat | Script untuk dijalankan ketika konten elemen sedang dipotong |
| ondblklik | Elemen yang terlihat | Script untuk dijalankan ketika elemen diklik dua kali |
| ondrag | Elemen yang terlihat | Script untuk dijalankan ketika elemen diseret |
| ondragend | Elemen yang terlihat | Script untuk dijalankan pada akhir operasi seret |
| ondragenter | Elemen yang terlihat | Script untuk dijalankan ketika sebuah elemen telah diseret ke target drop yang valid |
| ondragleave | Elemen yang terlihat | Script untuk dijalankan ketika suatu elemen meninggalkan target drop yang valid |
| ondragover | Elemen yang terlihat | Script untuk dijalankan ketika sebuah elemen diseret ke target drop yang valid |
| ondragstart | Elemen yang terlihat | Script untuk dijalankan pada awal operasi drag |
| ondrop | Elemen yang terlihat | Script untuk dijalankan ketika elemen yang diseret dijatuhkan |
| ondurationchange | audio, video | Script untuk dijalankan ketika panjang media berubah |
| Onemptied | audio, video | Script untuk dijalankan ketika sesuatu yang buruk terjadi dan file tiba-tiba tidak tersedia (seperti terputus tiba-tiba) |
| ditangguhkan | audio, video | Script untuk dijalankan ketika media telah mencapai akhir (acara yang berguna untuk pesan seperti "terima kasih telah mendengarkan") |
| satu kesalahan | audio, tubuh, sematkan, img, objek, skrip, gaya, video | Script untuk dijalankan ketika terjadi kesalahan |
| sedang fokus | Elemen yang terlihat | Script untuk dijalankan ketika elemen mendapat fokus |
| onhashchange | tubuh | Script untuk dijalankan ketika ada perubahan pada bagian jangkar dari URL |
| oninput | Elemen yang terlihat | Script untuk dijalankan ketika elemen mendapat input pengguna |
| oninvalid | Elemen yang terlihat | Script untuk dijalankan ketika elemen tidak valid |
| onkeydown | Elemen yang terlihat | Script untuk dijalankan ketika pengguna menekan tombol |
| onkeypress | Elemen yang terlihat | Script untuk dijalankan ketika pengguna menekan tombol |
| onkeyup | Elemen yang terlihat | Script untuk dijalankan ketika pengguna merilis kunci |
| onload | tubuh, iframe, img, input, tautan, skrip, gaya | Script untuk dijalankan ketika elemen selesai memuat |
| onloadeddata | audio, video | Script untuk dijalankan ketika data media dimuat |
| onloadedmetadata | audio, video | Script untuk dijalankan ketika meta data (seperti dimensi dan durasi) dimuat |
| onloadstart | audio, video | Script untuk dijalankan tepat ketika file mulai memuat sebelum ada sesuatu yang benar-benar dimuat |
| onmousedown | Elemen yang terlihat | Script untuk dijalankan ketika tombol mouse ditekan pada elemen |
| onmousemove | Elemen yang terlihat | Script untuk dijalankan selama pointer mouse bergerak di atas elemen |
| onmouseout | Elemen yang terlihat | Script untuk dijalankan ketika pointer mouse bergerak keluar dari suatu elemen |
| onmouseover | Elemen yang terlihat | Script untuk dijalankan ketika pointer mouse bergerak di atas suatu elemen |
| onmouseup | Elemen yang terlihat | Script untuk dijalankan ketika tombol mouse dilepaskan di atas elemen |
| onmousewheel | Elemen yang terlihat | Script untuk dijalankan ketika roda mouse sedang digulirkan ke suatu elemen |
| online | tubuh | Script untuk dijalankan ketika browser mulai bekerja offline |
| online | tubuh | Script untuk dijalankan ketika browser mulai bekerja online |
| onpagehide | tubuh | Script untuk dijalankan ketika pengguna menavigasi jauh dari halaman |
| onpageshow | tubuh | Script untuk dijalankan ketika pengguna menavigasi ke halaman |
| onpaste | Elemen yang terlihat | Script untuk dijalankan ketika pengguna menempelkan beberapa konten dalam suatu elemen |
| onpause | audio, video | Script untuk dijalankan ketika media dijeda baik oleh pengguna atau secara terprogram |
| onplay | audio, video | Script untuk dijalankan ketika media siap untuk mulai diputar |
| bermain | audio, video | Script untuk dijalankan ketika media sebenarnya sudah mulai diputar. |
| onpopstate | tubuh | Script untuk dijalankan ketika histori jendela berubah. |
| dalam pengembangan | audio, video | Script untuk dijalankan ketika browser sedang dalam proses mendapatkan data media |
| onratechange | audio, video | Skrip harus dijalankan setiap kali laju pemutaran berubah (seperti ketika pengguna beralih ke mode gerak lambat atau maju cepat). |
| onreset | bentuk | Script untuk dijalankan ketika tombol reset dalam formulir diklik. |
| onresize | tubuh | Script untuk dijalankan ketika jendela browser diubah ukurannya. |
| onscroll | Elemen yang terlihat | Script untuk dijalankan ketika scrollbar elemen sedang digulir |
| onsearch | memasukkan | Script untuk dijalankan ketika pengguna menulis sesuatu di bidang pencarian (untuk input = "pencarian") |
| onseeked | audio, video | Skrip yang akan dijalankan ketika atribut pencarian disetel ke false yang menunjukkan bahwa pencarian telah berakhir |
| onseeking | audio, video | Skrip yang akan dijalankan ketika atribut pencarian diatur ke true yang menunjukkan bahwa pencarian aktif |
| pilih | Elemen yang terlihat | Script untuk dijalankan ketika elemen dipilih |
| sedang tampil | menu | Script untuk dijalankan ketika elemen menu ditampilkan sebagai menu konteks |
| diinstal | audio, video | Script untuk dijalankan ketika browser tidak dapat mengambil data media dengan alasan apa pun |
| penyimpanan | tubuh | Script untuk dijalankan ketika area Penyimpanan Web diperbarui |
| onsubmit | bentuk | Script untuk dijalankan ketika formulir dikirimkan |
| onsuspend | audio, video | Script yang akan dijalankan ketika mengambil data media dihentikan sebelum sepenuhnya dimuat untuk alasan apa pun |
| ontimeupdate | audio, video | Script untuk dijalankan ketika posisi bermain telah berubah (seperti ketika pengguna maju cepat ke titik yang berbeda di media) |
| ontoggle | detail | Script untuk dijalankan ketika pengguna membuka atau menutup elemen detail |
| onunload | tubuh | Script untuk dijalankan ketika halaman telah dibongkar (atau jendela browser telah ditutup) |
| onvolumechange | audio, video | Script untuk dijalankan setiap kali volume video / audio telah diubah |
| sedang menunggu | audio, video | Script untuk dijalankan ketika media telah jeda tetapi diharapkan untuk melanjutkan (seperti ketika media berhenti untuk buffer lebih banyak data) |
| onwheel | Elemen yang terlihat | Script untuk dijalankan ketika roda mouse menggulung ke atas atau ke bawah elemen |
| Buka | detail | Setel agar detailnya terlihat (terbuka) oleh pengguna |
| optimal | meter | Menetapkan nilai apa yang merupakan nilai optimal untuk alat ukur |
| pola | memasukkan | Menetapkan ekspresi reguler yang dicentang terhadap nilai elemen input |
| placeholder | input, textarea | Menetapkan petunjuk singkat yang menjelaskan nilai elemen yang diharapkan |
| poster | video | Setel gambar untuk ditampilkan saat video sedang mengunduh, atau sampai pengguna menekan tombol putar |
| preload | audio, video | Menetapkan jika dan bagaimana menurut penulis, audio / video harus dimuat saat halaman dimuat |
| dibaca saja | input, textarea | Menetapkan bahwa elemen tersebut hanya baca |
| rel | a, area, tautan | Mengatur hubungan antara dokumen saat ini dan dokumen yang ditautkan |
| wajib | input, pilih, textarea | Menetapkan bahwa elemen harus diisi sebelum mengirimkan formulir |
| terbalik | ol | Menetapkan bahwa urutan daftar harus turun (9,8,7 ...) |
| baris | textarea | Mengatur jumlah garis yang terlihat di area teks |
| rowspan | td, th | Menyetel jumlah baris sel tabel harus span |
| bak pasir | iframe | Memungkinkan seperangkat batasan tambahan untuk konten dalam iframe |
| cakupan | th | Setel apakah sel tajuk adalah tajuk untuk kolom, baris, atau grup kolom atau baris |
| scoped | gaya | Setel bahwa gaya hanya berlaku untuk elemen induk elemen ini dan elemen turunan elemen itu |
| terpilih | pilihan | Menetapkan bahwa opsi harus dipilih sebelumnya ketika halaman dimuat |
| bentuk | daerah | Mengatur bentuk area |
| ukuran | masukan, pilih | Atur lebar, dalam karakter (untuk input) atau tentukan jumlah opsi yang terlihat (untuk pilih) |
| ukuran | img, tautan, sumber | Menetapkan ukuran sumber daya yang ditautkan |
| menjangkau | col, grup | Setel jumlah kolom ke rentang |
| cek ejaan | Atribut global | Setel apakah elemen ingin diperiksa ejaan dan tata bahasanya atau tidak |
| src | audio, sematkan, iframe, img, input, skrip, sumber, trek, video | Setel URL file media |
| srcdoc | iframe | Menyetel konten HTML halaman untuk ditampilkan di iframe |
| srclang | jalur | Mengatur bahasa data teks trek (diperlukan jika jenis = "subtitle") |
| srcset | img, sumber | Setel URL gambar untuk digunakan dalam situasi yang berbeda |
| mulai | ol | Menetapkan nilai awal dari daftar yang dipesan |
| langkah | memasukkan | Setel interval nomor hukum untuk bidang input |
| gaya | Atribut global | Menetapkan gaya CSS sebaris untuk suatu elemen |
| tabindex | Atribut global | Mengatur urutan tab dari suatu elemen |
| target | a, area, base, form | Tetapkan target tempat membuka dokumen yang ditautkan atau di mana menyerahkan formulir |
| judul | Atribut global | Setel informasi tambahan tentang suatu elemen |
| menterjemahkan | Atribut global | Setel apakah konten suatu elemen harus diterjemahkan atau tidak |
| mengetik | tombol, sematkan, masukan, tautan, menu, objek, skrip, sumber, gaya | Mengatur tipe elemen |
| usemap | img, objek | Menetapkan gambar sebagai peta gambar sisi klien |
| nilai | tombol, input, li, opsi, meter, kemajuan, param | Setel nilai elemen |
| lebar | kanvas, sematkan, iframe, img, input, objek, video | Setel lebar elemen |
| membungkus | textarea | Menetapkan bagaimana teks dalam area teks akan dibungkus ketika dikirimkan dalam formulir |
0 komentar:
Posting Komentar