Atribut
memberikan informasi tambahan tentang elemen HTML.
- Semua
elemen HTML memiliki atribut
- Atribut
memberikan informasi tambahan tentang elemen
- Atribut
selalu ditentukan dalam tag awal
- Atribut
biasanya terdapat dalam pasangan nama / nilai seperti: name =
"value"
Atribut Lang
Bahasa
dokumen dapat dinyatakan dalam tag <html>.
Bahasa
dinyatakan dengan atribut lang .
Mendeklarasikan
bahasa sangat penting untuk aksesibilitas pembaca dan mesin pencari.
Contoh :
<!DOCTYPE html>
<html lang="en-US"> <body> ... </body> </html> |
Dua
huruf pertama menentukan bahasa. Jika ada dialek, menggunakan dua huruf
lebih.
Atribut Judul
atribut
judul ditambahkan dengan elemen <p>. Nilai dari
atribut judul akan ditampilkan sebagai tooltip ketika Anda mengarahkan mouse ke
paragraph
Contoh :
<p title="I'm a tooltip">
This is a paragraph. </p> |
Atribut Href
Link
HTML didefinisikan dengan tag <a>. Alamat link
ditentukan dengan tag href.
Contoh :
<a href="https://www.baralax.com">This is a link</a>
|
Anda
akan belajar lebih banyak tentang link dan tag <a> nanti dalam tutorial
ini.
Atribut Ukuran
Gambar
HTML didefinisikan dengan tag <img> .
Nama
file dari sumber ( src ), dan ukuran gambar ( lebar dan tinggi )
semua disediakan sebagai atribut.
Contoh :
<img src="Baralax.jpg" width="104" height="142">
|
Ukuran
gambar ditentukan dalam pixel: width = "104" berarti 104 pixel.
Anda
akan belajar lebih banyak tentang gambar dan tag <img> dalam tutorial
ini.
Atribut Alt
Atribut
alt menentukan sebuah teks alternatif yang akan digunakan, jika gambar
tidak dapat ditampilkan.
Nilai
atribut dapat dibaca oleh pembaca. Dengan cara ini, seseorang dapat
"mendengarkan" isi dari halaman web, misalnya orang buta, bisa
"mendengar" elemen yang ada.
Contoh :
<img src="baralax.jpg" alt="baralax.com" width="104" height="142
|
Saran Kami : Gunakan Atribut dengan huruf kecil
Atribut
judul dapat ditulis dengan huruf besar atau huruf kecil seperti judul atau TITLE .
Baralax merekomendasikan huruf
kecil di HTML, dan menuntut huruf kecil untuk jenis dokumen eperti
XHTML.
Saran Kami : Gunakan Atribut dengan Tanda kutip
HTML
standar tidak memerlukan tanda kutip di nilai atribut.
Atribut
href seperti yang ditunjukkan di atas, dapat ditulis sebagai berikut.
Contoh :
<a href=https://www.baralax.com>
|
Baralax
menganjurkan menggunakan kutipan dalam HTML, dan menuntut penggunaan
kutipan untuk jenis dokumen seperti XHTML.
Contoh
ini merupakan penulisan atribut yang
salah, karena mengandung spasi.
Contoh :
<p title=About Baralax>
|
Tanda kutip tunggal atau ganda?
tanda
kutip ganda di sekitar atribut merupakan hal yang paling umum di HTML, tetapi
tanda kutip tunggal juga dapat digunakan.
Dalam
beberapa situasi, ketika nilai atribut itu sendiri berisi tanda kutip ganda,
maka perlu menggunakan tanda kutip tunggal:
<p title='John "ShotGun" Nelson'>
|
Atau
sebaliknya:
<p title="John 'ShotGun' Nelson">
|
Ringkasan :
- Semua
elemen HTML memiliki atribut
- Atribut href
digunakan untuk memberikan informasi melalui alamat link
- atribut alt
menyediakan teks untuk pembaca layar
- Di
Baralax, kita selalu menggunakan huruf kecil untuk nama
atribut
- Di
Baralax, kami selalu menggunakan kutipan nilai atribut
dengan tanda kutip ganda
Di
bawah ini adalah daftar abjad dari 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)
|