Melalui pembelajaran sebelumnya, kita telah memiliki pemahaman sederhana tentang tag HTML dan mengetahui bahwa kita dapat menambahkan beberapa atribut pada tag. Atribut ini berisi informasi tambahan tentang tag, seperti:
(1) Atribut href dapat memberikan alamat link untuk tag <a>;
(2) Atribut src dapat menyediakan jalur gambar untuk tag <img>;
(3) Atribut style dapat menentukan gaya CSS untuk hampir semua tag.
Pada artikel kali ini kami akan menjelaskan pengertian dan penggunaan atribut tag HTML.
1. Apa yang dimaksud dengan atribut?
Atribut dapat memberikan beberapa informasi tambahan untuk tag HTML, atau memodifikasi tag HTML. Atribut perlu ditambahkan di tag awal, dan format sintaksnya adalah:
attr=nilai
attr mewakili nama atribut, dan value mewakili nilai atribut. Nilai atribut harus diapit tanda kutip ganda atau tanda kutip tunggal ' '.
Catatan: Meskipun tanda kutip ganda dan tanda kutip tunggal dapat mengapit nilai atribut, demi standarisasi dan profesionalisme, harap gunakan tanda kutip ganda sebanyak mungkin.
Sebuah tag tidak boleh memiliki atribut atau satu atau lebih atribut.
Contoh penggunaan atribut HTML:
<pid=user-infoclass=color-red>Selamat datang <fontcolor=redsize=3>nama pengguna</font> di Jaringan Bahasa C. Anda telah menggunakan situs ini selama 3 tahun. Ini adalah login Anda yang ke-264. <p><divclass=clearfloat><pclass=left>Informasi akun nama pengguna</p><pclass=right>Nama pengguna tanda tangan yang dipersonalisasi</p></div>
Ditampilkan di bawah ini:
1. Sifat khusus
Ada banyak atribut HTML, yang secara kasar dapat dibagi menjadi dua kategori:
(1) Beberapa atribut berlaku untuk sebagian besar atau semua tag HTML. Kami menyebut atribut ini sebagai atribut universal;
(2) Beberapa atribut hanya berlaku untuk satu atau beberapa tag HTML tertentu. Kami menyebut atribut ini sebagai atribut khusus.
Tag <img> dalam HTML memiliki dua atribut khusus, src dan alt, dan tag <a> juga memiliki dua atribut khusus, href dan target, seperti yang ditunjukkan pada contoh berikut:
<img src=./logo.png alt=C Logo Jaringan Bahasa lebar=100 tinggi=50>
<a href=http://c.biancheng.net/ target=_blank>Jaringan Bahasa C</a>
Deskripsi kode:
Atribut src pada tag <img> digunakan untuk menentukan jalur gambar, dan atribut alt digunakan untuk menentukan informasi deskripsi gambar. Jika gambar tidak normal dan tidak dapat ditampilkan secara normal, informasi dalam alt akan ditampilkan.
Atribut href dari tag <a> digunakan untuk menentukan alamat link, dan atribut target digunakan untuk menentukan bagaimana halaman baru dibuka di browser.
2. Atribut khusus
Selain atributnya sendiri, HTML juga memungkinkan kita untuk menyesuaikan atribut. Meskipun atribut ini dapat dikenali oleh browser, atribut tersebut tidak menambahkan efek khusus apa pun. Kita perlu menggunakan CSS dan JavaScript untuk memproses atribut khusus dan menambahkan gaya tertentu ke HTML tag atau Perilaku.
2. Atribut HTML
● Elemen HTML dapat mengatur atribut
●Atribut dapat menambahkan informasi tambahan ke elemen
●Atribut umumnya dijelaskan pada tag pembuka
●Atribut selalu muncul dalam bentuk pasangan nama/nilai, misalnya: nama=nilai.
Ringkasan: Elemen dalam HTML dapat memberikan informasi tambahan untuk elemen HTML dengan mengatur atribut;
1. Atribut umum
Atribut berikut berlaku untuk sebagian besar elemen HTML
(1) kelas
Tentukan satu atau lebih nama kelas (nama kelas) untuk elemen html (nama kelas diperkenalkan dari file gaya)
Atribut kelas dapat digunakan berkali-kali, yaitu class=namakelas1 namakelas2 namakelas3... (Beberapa atribut kelas dapat diisi dalam tanda kutip)
(2)id
Tentukan id unik elemen
Atribut id hanya dapat diset satu per satu yaitu id=myid (yang dapat diisi hanya satu, beberapa tidak valid)
(3) gaya
Tentukan gaya sebaris suatu elemen
(4) judul
Menjelaskan informasi tambahan tentang elemen (digunakan sebagai toolbar)
2. Nilai atribut referensi yang umum digunakan dari atribut HTML
Nilai properti harus selalu diapit tanda petik.
Tanda kutip ganda adalah yang paling umum digunakan, namun tidak ada masalah menggunakan tanda kutip tunggal.
Tip: Dalam beberapa kasus individual, seperti nilai atribut itu sendiri berisi tanda kutip ganda, Anda harus menggunakan tanda kutip tunggal, misalnya:
nama='JohnShotGunNelson'
3. Tip HTML: Gunakan atribut huruf kecil
Properti dan nilai properti tidak peka huruf besar-kecil.
Namun, World Wide Web Consortium merekomendasikan atribut/nilai atribut dengan huruf kecil dalam rekomendasi HTML 4-nya.
Versi baru (X)HTML memerlukan atribut huruf kecil.
4. Manual Referensi Atribut HTML
Lihat daftar lengkap atribut HTML: Daftar tag HTML.
Atribut yang berlaku untuk sebagian besar elemen HTML tercantum di bawah ini: