Atribut HTML

Semua elemen HTML dapat memiliki atribut
Atribut memberikan informasi tambahan tentang suatu elemen
Atribut selalu ditentukan dalam tag awal
Atribut biasanya datang dalam pasangan nama / nilai seperti: name = "value"

Atribut "href"

Tautan HTML ditentukan dengan <a>tag. Alamat tautan ditentukan dalam hrefatribut:

contoh : <a href="#">Ini Adalah Link</a>

Atribut "src"

Gambar-gambar HTML didefinisikan dengan <img>tag.

Nama file sumber gambar ditentukan dalam srcatribut:

contoh : <img src="Nama Gambar.jpg">

Atribut "lebar dan tinggi"

Gambar dalam HTML memiliki satu set atribut ukuran , yang menentukan lebar dan tinggi gambar:

contoh : <img src="Nama Gambar.jpg" width="500" height="600">

Ukuran gambar ditentukan dalam piksel: lebar = "500" berarti lebar 500 piksel.

Atribut "alt"

The altAtribut menentukan sebuah teks alternatif yang akan digunakan, jika gambar tidak dapat ditampilkan.

Nilai atribut dapat dibaca oleh pembaca layar. Dengan cara ini, seseorang yang "mendengarkan" halaman web, misalnya orang yang memiliki gangguan penglihatan, dapat "mendengar" elemen tersebut.

contoh : <img src="Nama Gambar.jpg" alt="Baju Merah">

"alt"atribut ini juga berguna jika gambar tidak ada:

Atribut "gaya"

"Style"atribut digunakan untuk menentukan styling dari unsur, seperti warna, font, ukuran dll

contoh : Tulisan ini warna Merah

Anda akan belajar lebih banyak tentang styling nanti dalam tutorial ini, dan di Tutorial CSS di ling ini https://www.w3schools.com/css/default.asp.

Atribut "lang"

Bahasa dokumen dapat dideklarasikan dalam <html>tag.

Bahasa dideklarasikan dengan langatribut.

Mendeklarasikan bahasa penting untuk aplikasi aksesibilitas (pembaca layar) dan mesin telusur:

contoh :

<!DOCTYPE html>

Dua huruf pertama menentukan bahasa (en). Jika ada dialek, gunakan dua huruf lagi (AS).

Atribut "judul"

Di sini, titleatribut ditambahkan ke  elemen. Nilai atribut judul akan ditampilkan sebagai keterangan alat saat Anda mengarahkan mouse ke paragraf:

contoh :

Kami Sarankan: Gunakan Atribut Lowercase

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 menuntut huruf kecil untuk jenis dokumen yang lebih ketat seperti XHTML.

Kami Menyarankan: Kutipan Nilai Atribut

Standar HTML5 tidak memerlukan tanda kutip di sekitar nilai atribut.

The hrefatribut, ditunjukkan di atas, dapat ditulis tanpa tanda kutip:

W3C merekomendasikan kutipan dalam HTML, dan menuntut kutipan untuk jenis dokumen yang lebih ketat seperti XHTML.

Terkadang perlu menggunakan tanda kutip. Contoh ini tidak akan menampilkan atribut judul dengan benar, karena berisi spasi:

contoh :

Menggunakan tanda kutip adalah yang paling umum. Tanda kutip dihilangkan dapat menghasilkan kesalahan.

Kutipan "Tunggal atau Ganda" ?

Tanda kutip ganda di sekitar nilai atribut adalah yang paling umum dalam HTML, tetapi tanda kutip tunggal juga dapat digunakan.

Dalam beberapa situasi, ketika nilai atribut itu sendiri mengandung tanda kutip ganda, maka perlu menggunakan tanda kutip tunggal:

contoh :

Atou sebaliknya :

Semua elemen HTML dapat memiliki atribut
titleatribut memberikan tambahan "alat-tip" informasi
hrefatribut menyediakan informasi alamat untuk link
widthdan heightatribut memberikan informasi ukuran untuk gambar
altatribut menyediakan teks untuk pembaca layar
W3Schools kami selalu menggunakan nama atribut huruf kecil
W3Schools kami selalu mengutip nilai atribut dengan tanda kutip ganda.

Atribut HTML

Di bawah ini adalah daftar alfabet dari beberapa atribut yang sering digunakan dalam HTML, yang akan Anda pelajari lebih lanjut dalam tutorial ini:

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)