HTML Attributes atau atribut HTML adalah suatu informasi tambahan yang bisa disertakan pada suatu elemen HTML. Suatu elemen dapat memiliki atribut. Atribut ini memberikan informasi tambahan tentang elemen yang bersangkutan. Atribut selalu digunakan pada awal tag / start tag. Cara mendefinisikan atribut dengan memberikan informasi name dan value dari suatu elemen, seperti name=”value”.
Atribut href
Tautan HTML ditentukan dengan tag <a> . Alamat link ditentukan dalam atribut href :
Contoh
<ahref="https://adiprayitno25.blogspot.com">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 :
Contoh
<img src="img_girl.jpg">
Atribut lebar dan tinggi
Gambar dalam HTML memiliki seperangkat atribut ukuran, yang menentukan lebar dan tinggi gambar:
Contoh
<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
The alt atribut menentukan sebuah teks alternatif yang akan digunakan, jika gambar tidak dapat ditampilkan.
Nilai atribut bisa dibaca oleh pembaca layar. Dengan cara ini, seseorang yang "mendengarkan" ke halaman web, misalnya orang buta, bisa "mendengar" elemennya.
Contoh
<img src="img_girl.jpg"alt="Girl with a jacket">
Atribut alt juga berguna jika gambar tidak ada:
Contoh
Apa yang terjadi jika kita mencoba menampilkan gambar yang tidak ada:
<img src="img_typo.jpg"alt="Girl with a jacket">
Atribut gaya
Atribut gaya digunakan untuk menentukan gaya elemen, seperti warna, font, ukuran, dll.
Contoh
<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 judul
Di sini, atribut judul ditambahkan ke elemen <p> . Nilai atribut judul akan ditampilkan sebagai tooltip saat Anda mengarahkan mouse ke paragraf:
Contoh
<p title="I'm a tooltip">
This is a paragraph.
</p>
Kami sarankan: Gunakan Atribut Bawah Tanah
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.
Di W3Schools kita selalu menggunakan nama atribut huruf kecil.
Kami Sarankan: Nilai Atribut Terbaik
Standar HTML5 tidak memerlukan tanda kutip di sekitar nilai atribut.
The href atribut, ditunjukkan di atas, dapat ditulis sebagai:
Contoh
<ahref=https://www.w3schools.com>
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:
Contoh
<p title=About W3Schools>
Menggunakan tanda kutip adalah yang paling umum. Menghilangkan tanda kutip bisa menghasilkan kesalahan.
Di W3Schools kita selalu menggunakan tanda kutip di sekitar nilai atribut.
Di W3Schools kita selalu menggunakan tanda kutip di sekitar nilai atribut.
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
- The gelar atribut memberikan tambahan "alat-tip" informasi
- The href atribut menyediakan informasi alamat untuk link
- The lebar dan tinggi atribut memberikan informasi ukuran untuk gambar
- The alt atribut menyediakan teks untuk pembaca layar
- Di W3Schools kita selalu menggunakan nama atribut huruf kecil
- Pada W3Schools kami selalu mengutipnilai atribut dengan tanda kutip ganda
Atribut HTML
Berikut adalah daftar alfabet beberapa atribut yang sering digunakan dalam HTML:
| Attribute | Description |
|---|---|
| alt | Specifies an alternative text for an image, when the image cannot be displayed |
| disabled | Specifies that an input element should be disabled |
| href | Specifies the URL (web address) for a link |
| id | Specifies a unique id for an element |
| src | Specifies the URL (web address) for an image |
| style | Specifies an inline CSS style for an element |
| title | Specifies extra information about an element (displayed as a tool tip) |