Atribut dalam HTML
Tutorial HTML; Diperbarui tanggal: 9/09/2025Atribut dalam HTML (Hypertext Markup Language) adalah bagian dari elemen HTML yang memberikan informasi tambahan tentang elemen tersebut. Atribut didefinisikan dalam tag HTML dan dapat digunakan untuk mengontrol perilaku dan penampilan elemen tersebut.
Contoh dari beberapa atribut yang dapat digunakan pada elemen HTML:
- class - digunakan untuk memberikan nama kelas pada elemen HTML. Atribut ini digunakan untuk memudahkan pengelompokan dan styling CSS pada halaman web.
- id - digunakan untuk memberikan identitas unik pada elemen HTML. Atribut ini digunakan untuk merujuk elemen secara spesifik melalui CSS atau JavaScript.
- src - digunakan untuk menentukan sumber dari elemen seperti gambar atau audio pada halaman web.
- href - digunakan untuk menentukan alamat URL atau tautan ke halaman web lain.
- alt - digunakan untuk memberikan deskripsi alternatif pada gambar atau elemen multimedia jika gambar atau elemen multimedia tidak dapat ditampilkan.
- style - digunakan untuk menentukan gaya CSS langsung pada elemen HTML.
- title - digunakan untuk memberikan judul atau keterangan tambahan pada elemen HTML.
- target - digunakan untuk menentukan apakah tautan akan dibuka dalam jendela baru atau di jendela yang sama.
- dll
Atribut HTML dapat digunakan untuk memberikan informasi tambahan pada elemen HTML dan memungkinkan pengembang web untuk mengontrol perilaku dan penampilan elemen tersebut pada halaman web.
Contoh penggunaan atribut:
<img src="panorama_indonesia.jpg" width="400" height="500">
Pada tag <img> diatas mengandung tiga atribut yaitu src, width dan height. Atribut src bernilai "panorama_indonesia.jpg" yang menandakan tag <img> akan menampilkan gambar panorama_indonesia.jpg. Atribut width="400" dan height="500" akan memberikan kontrol bahwa gambar akan ditampilan dengan lebar 400 pixel dan tinggi 500 pixel.
Contoh lain penggunaan atribut yaitu:
<p style="color:red;">Tulisan ini berwana merah.</p>
Pada contoh kode diatas atribut style digunakan untuk mengkontrol elemen tag <p> agar berwarna merah.