Apa itu Atribut HTML?
Atribut HTML adalah informasi tambahan yang Anda berikan kepada elemen HTML untuk memodifikasi perilaku atau tampilannya. Bayangkan mereka seperti "tombol pengaturan" untuk elemen HTML, yang memungkinkan Anda untuk menyesuaikannya dengan cara yang spesifik.
Contoh sederhana:
imgelemen:src: Atribut ini menentukan sumber gambar yang akan ditampilkan.alt: Atribut ini memberikan teks alternatif untuk gambar, yang berguna untuk pembaca layar atau jika gambar tidak dapat dimuat.
Berikut adalah beberapa contoh atribut HTML yang umum:
Atribut untuk Elemen img
src: Menentukan URL gambar yang akan ditampilkan.alt: Memberikan teks alternatif untuk gambar, berguna untuk aksesibilitas dan SEO.width: Menentukan lebar gambar dalam piksel.height: Menentukan tinggi gambar dalam piksel.
Contoh:
Atribut untuk Elemen a (Link)
href: Menentukan URL tujuan ketika link diklik.target: Menentukan bagaimana link akan dibuka (di tab baru, di jendela yang sama, dll.).rel: Menentukan hubungan antara dokumen saat ini dan link, berguna untuk SEO dan aksesibilitas.
Contoh:
Kunjungi Google
Atribut untuk Elemen p (Paragraph)
class: Menentukan kelas CSS yang akan diterapkan pada paragraf.id: Menentukan ID unik yang dapat digunakan untuk memilih elemen ini dengan CSS atau JavaScript.style: Menentukan gaya inline untuk elemen ini.
Contoh:
Ini adalah paragraf pertama.
Atribut Umum
class: Menentukan kelas CSS yang akan diterapkan pada elemen.id: Menentukan ID unik yang dapat digunakan untuk memilih elemen ini dengan CSS atau JavaScript.style: Menentukan gaya inline untuk elemen ini.title: Menentukan teks tooltip yang akan ditampilkan saat mouse di-hover di atas elemen.
Penggunaan Atribut:
- Atribut biasanya ditulis dalam tanda kutip (baik tunggal maupun ganda).
- Atribut berpasangan dengan nilai, yang dipisahkan oleh tanda sama dengan (
=). - Anda dapat memiliki beberapa atribut pada elemen yang sama.
Penting: Atribut HTML dapat sangat bermanfaat untuk mengontrol perilaku dan penampilan elemen HTML. Selalu gunakan atribut dengan benar dan sesuai kebutuhan untuk memastikan website Anda berfungsi dengan baik dan terlihat optimal.