Hot!

Atribut Tag HTML

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

Menetapkan gaya sebaris yang menimpa desain CSS default .
< 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.
AtributMilik tagPenjelasan
menerimamemasukkanMenetapkan jenis file apa yang diterima server (hanya untuk type = "file")
accept-charsetbentukMenetapkan pengkodean karakter yang akan digunakan untuk pengiriman formulir
kunci aksesAtribut globalSetel tombol pintas untuk mengaktifkan / memfokuskan elemen
tindakanbentukMenetapkan tempat untuk mengirim formulir-data saat formulir dikirimkan
meluruskanUsang!Mengatur perataan menurut elemen di sekitarnya. Atribut usang, gunakan CSS sebagai gantinya
altarea, img, inputMenetapkan teks alternatif ketika elemen asli gagal ditampilkan
asyncnaskahMenetapkan bahwa skrip dijalankan secara tidak sinkron (hanya untuk skrip eksternal)
autocompleteformulir, masukanSetel apakah formulir atau elemen input seharusnya dilengkapi autocomplete
fokus otomatistombol, input, pilih, textareaMenetapkan bahwa elemen harus secara otomatis mendapatkan fokus saat halaman dimuat
putar otomatisaudio, videoSetel bahwa audio / video akan mulai diputar segera setelah siap
bgcolorUsang!Mengatur warna latar belakang suatu elemen. Gunakan CSS sebagai gantinya
berbatasanUsang!Mengatur lebar batas elemen. Gunakan CSS sebagai gantinya
charsetmeta, skripMengatur pengkodean karakter
diperiksamemasukkanSetel bahwa elemen input harus dipilih sebelumnya ketika halaman dimuat (untuk type = "checkbox" atau type = "radio")
mengutipblockquote, del, in, qMenetapkan URL yang menjelaskan kutipan / teks yang dihapus / disisipkan
kelasAtribut globalSet satu atau beberapa nama kelas untuk suatu elemen (merujuk ke kelas dalam lembar gaya)
warnaUsang!Mengatur warna teks suatu elemen. Gunakan CSS sebagai gantinya
colstextareaMengatur lebar area teks yang terlihat
colspantd, thMenetapkan jumlah kolom sel tabel harus span
kontenmetaMemberikan nilai yang terkait dengan atribut http-equiv atau nama
dapat dieditAtribut globalSetel apakah konten suatu elemen dapat diedit atau tidak
menu konteksAtribut globalMenetapkan menu konteks untuk suatu elemen. Menu konteks muncul ketika pengguna mengklik kanan pada elemen
kontrolaudio, videoSetel bahwa kontrol audio / video harus ditampilkan (seperti tombol putar / jeda, dll.)
coordsdaerahMengatur koordinat area
dataobyekSetel URL sumber daya yang akan digunakan oleh objek
data-*Atribut globalDigunakan untuk menyimpan data khusus pribadi ke halaman atau aplikasi
tanggal Waktudel, ins, waktuTetapkan tanggal dan waktu
standarjalurMenetapkan bahwa trek akan diaktifkan jika preferensi pengguna tidak menunjukkan bahwa trek lain akan lebih sesuai
menundanaskahMenetapkan bahwa skrip dieksekusi ketika halaman telah selesai parsing (hanya untuk skrip eksternal)
dirAtribut globalMenetapkan arah teks untuk konten dalam suatu elemen
dirnameinput, textareaMenetapkan bahwa arah teks akan dikirimkan
cacattombol, fieldset, input, optgroup, opsi, pilih, textareaMenetapkan bahwa elemen / grup elemen yang ditentukan harus dinonaktifkan
unduha, areaMenetapkan bahwa target akan diunduh ketika pengguna mengklik hyperlink
terseretAtribut globalMenetapkan apakah suatu elemen dapat diseret atau tidak
dropzoneAtribut globalSetel apakah data yang diseret disalin, dipindahkan, atau ditautkan, saat dijatuhkan
enctypebentukMenetapkan bagaimana bentuk-data harus dikodekan ketika mengirimkannya ke server (hanya untuk metode = "posting")
untuklabel, keluaranMenetapkan elemen bentuk mana yang terikat dengan label / perhitungan
bentuktombol, bidang, input, label, meter, objek, output, pilih, textareaMengatur nama bentuk elemen milik
formasitombol, masukanMenetapkan tempat untuk mengirim formulir-data saat formulir dikirimkan. Hanya untuk tipe = "kirim"
headertd, thMenetapkan satu atau beberapa sel tajuk yang terkait dengan sel
tinggikanvas, sematkan, iframe, img, input, objek, videoMengatur ketinggian elemen
tersembunyiAtribut globalMenetapkan bahwa suatu elemen belum, atau tidak lagi, relevan
tinggimeterMenetapkan rentang yang dianggap bernilai tinggi
hrefa, area, base, tautanSetel URL halaman yang dituju tautan
hreflanga, area, tautanSetel bahasa dokumen yang ditautkan
http-equivmetaMemberikan header HTTP untuk informasi / nilai atribut konten
idAtribut globalTetapkan id unik untuk suatu elemen
ismapimgMenetapkan gambar sebagai gambar-peta sisi-server
jenisjalurMengatur jenis trek teks
labelmelacak, opsi, optgroupMenetapkan judul trek teks
langAtribut globalTetapkan bahasa konten elemen
daftarmemasukkanMengacu pada elemen datalist yang berisi opsi yang telah ditentukan sebelumnya untuk elemen input
lingkaranaudio, videoSetel bahwa audio / video akan mulai lagi, setiap kali selesai
rendahmeterMenetapkan rentang yang dianggap sebagai nilai rendah
maksinput, meter, kemajuanTetapkan nilai maksimum
panjang maksimalinput, textareaSetel jumlah karakter maksimum yang diperbolehkan dalam suatu elemen
mediaa, area, tautan, sumber, gayaMenetapkan untuk media / perangkat apa dokumen yang ditautkan dioptimalkan
metodebentukSetel metode HTTP untuk digunakan saat mengirim formulir-data
mininput, meterTetapkan nilai minimum
bergandamasukan, pilihMenetapkan bahwa pengguna dapat memasukkan lebih dari satu nilai
diredamvideo, audioSetel bahwa output audio dari video harus dibisukan
namatombol, fieldset, form, iframe, input, peta, meta, objek, output, param, pilih, textareaTetapkan nama elemen
tidak validbentukMenetapkan bahwa formulir tidak boleh divalidasi saat dikirimkan
onabortaudio, embed, img, objek, videoScript untuk dijalankan pada batalkan
onafterprinttubuhScript untuk dijalankan setelah dokumen dicetak
onbeforeprinttubuhScript untuk dijalankan sebelum dokumen dicetak
onbeforeunloadtubuhScript untuk dijalankan ketika dokumen akan dibongkar
onblurElemen yang terlihatScript untuk dijalankan ketika elemen kehilangan fokus
oncanplayaudio, embed, objek, videoScript untuk dijalankan ketika file siap untuk mulai diputar (ketika sudah cukup buffer untuk memulai)
oncanplaythroughaudio, videoScript untuk dijalankan ketika file dapat dimainkan sampai akhir tanpa berhenti untuk buffering
dalam perubahanElemen yang terlihatScript yang akan dijalankan ketika nilai elemen diubah
klikElemen yang terlihatScript untuk dijalankan ketika elemen diklik
oncontextmenuElemen yang terlihatScript untuk dijalankan ketika menu konteks dipicu
oncopyElemen yang terlihatScript untuk dijalankan ketika konten elemen sedang disalin
oncuechangejalurScript untuk dijalankan ketika isyarat berubah dalam elemen trek
potongElemen yang terlihatScript untuk dijalankan ketika konten elemen sedang dipotong
ondblklikElemen yang terlihatScript untuk dijalankan ketika elemen diklik dua kali
ondragElemen yang terlihatScript untuk dijalankan ketika elemen diseret
ondragendElemen yang terlihatScript untuk dijalankan pada akhir operasi seret
ondragenterElemen yang terlihatScript untuk dijalankan ketika sebuah elemen telah diseret ke target drop yang valid
ondragleaveElemen yang terlihatScript untuk dijalankan ketika suatu elemen meninggalkan target drop yang valid
ondragoverElemen yang terlihatScript untuk dijalankan ketika sebuah elemen diseret ke target drop yang valid
ondragstartElemen yang terlihatScript untuk dijalankan pada awal operasi drag
ondropElemen yang terlihatScript untuk dijalankan ketika elemen yang diseret dijatuhkan
ondurationchangeaudio, videoScript untuk dijalankan ketika panjang media berubah
Onemptiedaudio, videoScript untuk dijalankan ketika sesuatu yang buruk terjadi dan file tiba-tiba tidak tersedia (seperti terputus tiba-tiba)
ditangguhkanaudio, videoScript untuk dijalankan ketika media telah mencapai akhir (acara yang berguna untuk pesan seperti "terima kasih telah mendengarkan")
satu kesalahanaudio, tubuh, sematkan, img, objek, skrip, gaya, videoScript untuk dijalankan ketika terjadi kesalahan
sedang fokusElemen yang terlihatScript untuk dijalankan ketika elemen mendapat fokus
onhashchangetubuhScript untuk dijalankan ketika ada perubahan pada bagian jangkar dari URL
oninputElemen yang terlihatScript untuk dijalankan ketika elemen mendapat input pengguna
oninvalidElemen yang terlihatScript untuk dijalankan ketika elemen tidak valid
onkeydownElemen yang terlihatScript untuk dijalankan ketika pengguna menekan tombol
onkeypressElemen yang terlihatScript untuk dijalankan ketika pengguna menekan tombol
onkeyupElemen yang terlihatScript untuk dijalankan ketika pengguna merilis kunci
onloadtubuh, iframe, img, input, tautan, skrip, gayaScript untuk dijalankan ketika elemen selesai memuat
onloadeddataaudio, videoScript untuk dijalankan ketika data media dimuat
onloadedmetadataaudio, videoScript untuk dijalankan ketika meta data (seperti dimensi dan durasi) dimuat
onloadstartaudio, videoScript untuk dijalankan tepat ketika file mulai memuat sebelum ada sesuatu yang benar-benar dimuat
onmousedownElemen yang terlihatScript untuk dijalankan ketika tombol mouse ditekan pada elemen
onmousemoveElemen yang terlihatScript untuk dijalankan selama pointer mouse bergerak di atas elemen
onmouseoutElemen yang terlihatScript untuk dijalankan ketika pointer mouse bergerak keluar dari suatu elemen
onmouseoverElemen yang terlihatScript untuk dijalankan ketika pointer mouse bergerak di atas suatu elemen
onmouseupElemen yang terlihatScript untuk dijalankan ketika tombol mouse dilepaskan di atas elemen
onmousewheelElemen yang terlihatScript untuk dijalankan ketika roda mouse sedang digulirkan ke suatu elemen
onlinetubuhScript untuk dijalankan ketika browser mulai bekerja offline
onlinetubuhScript untuk dijalankan ketika browser mulai bekerja online
onpagehidetubuhScript untuk dijalankan ketika pengguna menavigasi jauh dari halaman
onpageshowtubuhScript untuk dijalankan ketika pengguna menavigasi ke halaman
onpasteElemen yang terlihatScript untuk dijalankan ketika pengguna menempelkan beberapa konten dalam suatu elemen
onpauseaudio, videoScript untuk dijalankan ketika media dijeda baik oleh pengguna atau secara terprogram
onplayaudio, videoScript untuk dijalankan ketika media siap untuk mulai diputar
bermainaudio, videoScript untuk dijalankan ketika media sebenarnya sudah mulai diputar.
onpopstatetubuhScript untuk dijalankan ketika histori jendela berubah.
dalam pengembanganaudio, videoScript untuk dijalankan ketika browser sedang dalam proses mendapatkan data media
onratechangeaudio, videoSkrip harus dijalankan setiap kali laju pemutaran berubah (seperti ketika pengguna beralih ke mode gerak lambat atau maju cepat).
onresetbentukScript untuk dijalankan ketika tombol reset dalam formulir diklik.
onresizetubuhScript untuk dijalankan ketika jendela browser diubah ukurannya.
onscrollElemen yang terlihatScript untuk dijalankan ketika scrollbar elemen sedang digulir
onsearchmemasukkanScript untuk dijalankan ketika pengguna menulis sesuatu di bidang pencarian (untuk input = "pencarian")
onseekedaudio, videoSkrip yang akan dijalankan ketika atribut pencarian disetel ke false yang menunjukkan bahwa pencarian telah berakhir
onseekingaudio, videoSkrip yang akan dijalankan ketika atribut pencarian diatur ke true yang menunjukkan bahwa pencarian aktif
pilihElemen yang terlihatScript untuk dijalankan ketika elemen dipilih
sedang tampilmenuScript untuk dijalankan ketika elemen menu ditampilkan sebagai menu konteks
diinstalaudio, videoScript untuk dijalankan ketika browser tidak dapat mengambil data media dengan alasan apa pun
penyimpanantubuhScript untuk dijalankan ketika area Penyimpanan Web diperbarui
onsubmitbentukScript untuk dijalankan ketika formulir dikirimkan
onsuspendaudio, videoScript yang akan dijalankan ketika mengambil data media dihentikan sebelum sepenuhnya dimuat untuk alasan apa pun
ontimeupdateaudio, videoScript untuk dijalankan ketika posisi bermain telah berubah (seperti ketika pengguna maju cepat ke titik yang berbeda di media)
ontoggledetailScript untuk dijalankan ketika pengguna membuka atau menutup elemen detail
onunloadtubuhScript untuk dijalankan ketika halaman telah dibongkar (atau jendela browser telah ditutup)
onvolumechangeaudio, videoScript untuk dijalankan setiap kali volume video / audio telah diubah
sedang menungguaudio, videoScript untuk dijalankan ketika media telah jeda tetapi diharapkan untuk melanjutkan (seperti ketika media berhenti untuk buffer lebih banyak data)
onwheelElemen yang terlihatScript untuk dijalankan ketika roda mouse menggulung ke atas atau ke bawah elemen
BukadetailSetel agar detailnya terlihat (terbuka) oleh pengguna
optimalmeterMenetapkan nilai apa yang merupakan nilai optimal untuk alat ukur
polamemasukkanMenetapkan ekspresi reguler yang dicentang terhadap nilai elemen input
placeholderinput, textareaMenetapkan petunjuk singkat yang menjelaskan nilai elemen yang diharapkan
postervideoSetel gambar untuk ditampilkan saat video sedang mengunduh, atau sampai pengguna menekan tombol putar
preloadaudio, videoMenetapkan jika dan bagaimana menurut penulis, audio / video harus dimuat saat halaman dimuat
dibaca sajainput, textareaMenetapkan bahwa elemen tersebut hanya baca
rela, area, tautanMengatur hubungan antara dokumen saat ini dan dokumen yang ditautkan
wajibinput, pilih, textareaMenetapkan bahwa elemen harus diisi sebelum mengirimkan formulir
terbalikolMenetapkan bahwa urutan daftar harus turun (9,8,7 ...)
baristextareaMengatur jumlah garis yang terlihat di area teks
rowspantd, thMenyetel jumlah baris sel tabel harus span
bak pasiriframeMemungkinkan seperangkat batasan tambahan untuk konten dalam iframe
cakupanthSetel apakah sel tajuk adalah tajuk untuk kolom, baris, atau grup kolom atau baris
scopedgayaSetel bahwa gaya hanya berlaku untuk elemen induk elemen ini dan elemen turunan elemen itu
terpilihpilihanMenetapkan bahwa opsi harus dipilih sebelumnya ketika halaman dimuat
bentukdaerahMengatur bentuk area
ukuranmasukan, pilihAtur lebar, dalam karakter (untuk input) atau tentukan jumlah opsi yang terlihat (untuk pilih)
ukuranimg, tautan, sumberMenetapkan ukuran sumber daya yang ditautkan
menjangkaucol, grupSetel jumlah kolom ke rentang
cek ejaanAtribut globalSetel apakah elemen ingin diperiksa ejaan dan tata bahasanya atau tidak
srcaudio, sematkan, iframe, img, input, skrip, sumber, trek, videoSetel URL file media
srcdociframeMenyetel konten HTML halaman untuk ditampilkan di iframe
srclangjalurMengatur bahasa data teks trek (diperlukan jika jenis = "subtitle")
srcsetimg, sumberSetel URL gambar untuk digunakan dalam situasi yang berbeda
mulaiolMenetapkan nilai awal dari daftar yang dipesan
langkahmemasukkanSetel interval nomor hukum untuk bidang input
gayaAtribut globalMenetapkan gaya CSS sebaris untuk suatu elemen
tabindexAtribut globalMengatur urutan tab dari suatu elemen
targeta, area, base, formTetapkan target tempat membuka dokumen yang ditautkan atau di mana menyerahkan formulir
judulAtribut globalSetel informasi tambahan tentang suatu elemen
menterjemahkanAtribut globalSetel apakah konten suatu elemen harus diterjemahkan atau tidak
mengetiktombol, sematkan, masukan, tautan, menu, objek, skrip, sumber, gayaMengatur tipe elemen
usemapimg, objekMenetapkan gambar sebagai peta gambar sisi klien
nilaitombol, input, li, opsi, meter, kemajuan, paramSetel nilai elemen
lebarkanvas, sematkan, iframe, img, input, objek, videoSetel lebar elemen
membungkustextareaMenetapkan bagaimana teks dalam area teks akan dibungkus ketika dikirimkan dalam formulir

0 komentar:

Posting Komentar

Daftar Isi