Baca Juga
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://www.w3schools.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:
<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">
note : The alt attribute is also useful if the image does not exist:
Atribut Style
Atribut Style digunakan untuk menentukan gaya 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 judul
Di sini, atribut judul ditambahkan ke elemen <p>. Nilai atribut judul akan ditampilkan sebagai tooltip saat Anda mengarahkan mouse ke paragraf:
<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.
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://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:
<p title=About W3Schools>
Single or Double Quotes?
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'>
or
<p title="John 'ShotGun' Nelson">
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 di kami: Atribut Atribut HTML.
No comments:
Write komentar