Pengertian Atribut HTML
Atribut memberikan informasi tambahan tentang elemen HTML.
Atribut HTML
- Semua elemen HTML dapat memiliki atribut
- Atribut memberikan informasi tambahan tentang suatu elemen
- Atribut selalu ditentukan pada tag awal
- Atribut biasanya datang dalam pasangan nama / nilai seperti: name = "value"
Atribut href
Tautan HTML ditentukan dengan tag <a>. Alamat link ditentukan dalam atribut href:
<a href="https://nusantaracoding.blogspot.co.id/">This is a link</a>
Anda akan belajar lebih banyak tentang link dan <a> tag nanti di tutorial ini.
Atribut src
Gambar HTML didefinisikan dengan tag <img>.
Nama file dari sumber gambar ditentukan dalam atribut src:
<img src="img_girl.jpg">
Atribut lebar dan tinggi
Gambar dalam HTML memiliki seperangkat atribut ukuran, yang menentukan lebar dan tinggi gambar:
<img src="img_girl.jpg" width="500" height="600">
Ukuran gambar ditentukan dalam piksel: width = "500" berarti lebar 500 piksel.
Anda akan belajar lebih banyak tentang gambar di bab HTML Images.
Atribut alt
Atribut alt menentukan teks alternatif yang akan digunakan, bila gambar tidak dapat ditampilkan.
Nilai atribut bisa dibaca oleh pembaca layar. Dengan cara ini, seseorang "mendengarkan" ke halaman web, mis. Orang buta, bisa "mendengar" unsurnya.
<img src="img_girl.jpg" alt="Girl with a jacket">
Atribut alt juga berguna jika gambar tidak ada.
Atribut style
Atribut style digunakan untuk menentukan style elemen, seperti warna, font, ukuran, dll.
<p style="color:red">I am a paragraph</p>
Anda akan belajar lebih banyak tentang styling nanti di tutorial ini, dan di Tutorial CSS kami.
Atribut lang
Bahasa dokumen dapat dinyatakan dalam tag <html>.
Bahasa dideklarasikan dengan atribut lang.
Mendeklarasikan bahasa penting untuk aplikasi aksesibilitas (pembaca layar) dan mesin telusur:
<!DOCTYPE html>
<html lang="en-US">
<body>
...
</body>
</html>
Dua huruf pertama menentukan bahasa (en). Jika ada dialek, gunakan dua huruf lagi (AS).
Atribut title
Di sini, atribut title ditambahkan ke elemen <p>. Nilai atribut title akan ditampilkan sebagai tooltip saat Anda mengarahkan mouse ke paragraf:
<p title="I'm a tooltip">
This is a paragraph.
</p>
Kami Sarankan: Gunakan huruf kecil Atribut
Standar HTML5 tidak memerlukan nama atribut huruf kecil.
Atribut judul dapat ditulis dengan huruf besar atau huruf kecil seperti judul atau TITLE.
W3C merekomendasikan huruf kecil dalam HTML, dan meminta huruf kecil untuk jenis dokumen yang lebih ketat seperti XHTML.
Kami Sarankan: Nilai Atribut Terbaik
Standar HTML5 tidak memerlukan tanda kutip di sekitar nilai atribut.
Atribut href, yang ditunjukkan di atas, dapat ditulis sebagai:
<a href=https://nusantaracoding.blogspot.co.id/>This is a link</a>
W3C merekomendasikan kutipan dalam HTML, dan menuntut penawaran untuk jenis dokumen yang lebih ketat seperti XHTML.
Terkadang perlu menggunakan tanda petik. Contoh ini tidak akan menampilkan atribut judul dengan benar, karena mengandung spasi:
<p title=About Nusantara Coding>
Menggunakan tanda kutip adalah yang paling umum. Menghilangkan tanda kutip bisa menghasilkan kesalahan.
Penawaran Single atau Double?
Tanda kutip ganda di sekitar nilai atribut adalah yang paling umum dalam HTML, namun tanda kutip tunggal juga dapat digunakan.
Dalam beberapa situasi, ketika nilai atribut itu sendiri berisi tanda kutip ganda, perlu menggunakan tanda kutip tunggal:
<p title='John "ShotGun" Nelson'>
Atau sebaliknya:
<p title="John 'ShotGun' Nelson">
Ringkasan Bab
- Semua elemen HTML dapat memiliki atribut
- Atribut judul menyediakan informasi "tip-tip" tambahan
- Atribut href memberikan informasi alamat untuk tautan
- Atribut width dan height memberikan informasi ukuran untuk gambar
- Atribut alt menyediakan teks untuk pembaca layar
- kita disarankan selalu menggunakan nama atribut dalam huruf kecil
- disarankan selalu mengutip nilai atribut dengan tanda kutip ganda
Atribut HTML
Berikut adalah daftar alfabet beberapa atribut yang sering digunakan dalam HTML:
| Attribute | Description |
|---|---|
| alt | Menentukan teks alternatif untuk gambar, bila gambar tidak dapat ditampilkan |
| disabled | Menentukan bahwa elemen masukan harus dinonaktifkan |
| href | Menentukan URL (alamat web) untuk sebuah link |
| id | Menentukan id unik untuk sebuah elemen |
| src | Menentukan URL (alamat web) untuk gambar |
| style | Menentukan gaya CSS sebaris untuk elemen |
| title | Menentukan informasi tambahan tentang elemen (ditampilkan sebagai tip alat) |
Daftar lengkap semua atribut untuk setiap elemen HTML, tercantum disini: Atribut Atribut HTML.
Belajar HTML Secara Lengkap Disini:
1. Tutorial HTML Bagian 1
2. Tutorial HTML Bagian 2