Atribut HTML (HTML attributes) adalah informasi tambahan yang ditambahkan ke dalam elemen HTML untuk memberikan lebih banyak detail atau perilaku pada sebuah elemen. Atribut HTML dapat memberikan informasi seperti sumber gambar, URL tautan, ukuran font, dan banyak lagi.
Dalam artikel ini, kita akan membahas beberapa atribut HTML yang umum digunakan.
Atribut src
Atribut src digunakan untuk memberikan sumber file pada elemen HTML seperti gambar, video, atau audio.
Contoh:
<img src="gambar.jpg" alt="deskripsi gambar">
<video src="video.mp4" controls></video>
<audio src="audio.mp3" controls></audio>
Atribut alt
Atribut alt digunakan untuk memberikan deskripsi atau teks alternatif untuk elemen HTML, terutama untuk gambar. Jika gambar gagal dimuat atau diblokir oleh pengguna, teks alternatif akan ditampilkan.
Contoh:
<img src="gambar.jpg" alt="deskripsi gambar">
Atribut href
Atribut href digunakan pada elemen a (tautan) untuk memberikan URL atau alamat web tujuan tautan.
Contoh:
<a href="https://www.example.com">Ini adalah tautan</a>
Atribut target
Atribut target digunakan pada elemen a (tautan) untuk menentukan bagaimana dokumen baru akan ditampilkan saat pengguna mengklik tautan. Atribut target dapat digunakan untuk membuka tautan di jendela baru, jendela yang sama, atau bingkai tertentu.
Contoh:
<a href="https://www.example.com" target="_blank">Buka tautan di jendela baru</a>
Atribut rel
Atribut rel digunakan pada elemen a (tautan) untuk menunjukkan jenis relasi antara halaman saat ini dan halaman tujuan tautan. Jenis relasi dapat berupa "nofollow" untuk mengindikasikan bahwa tautan tidak boleh diikuti oleh mesin pencari atau "noopener" untuk mencegah halaman tujuan membuka jendela baru yang dapat mengakses halaman saat ini.
Contoh:
<a href="https://www.example.com" rel="nofollow">Ini adalah tautan dengan atribut rel</a>
Atribut class
Atribut class digunakan untuk memberikan satu atau lebih kelas ke elemen HTML tertentu. Kelas dapat digunakan untuk menggabungkan elemen HTML dengan gaya tertentu atau untuk menghubungkan elemen HTML dengan kode JavaScript.
Contoh:
<p class="teks-merah">Ini adalah paragraf dengan kelas teks-merah</p>
Atribut id
Atribut id digunakan untuk memberikan sebuah ID unik ke elemen HTML tertentu. ID dapat digunakan untuk mengidentifikasi elemen HTML tertentu dengan kode JavaScript atau untuk membuat tautan internal pada halaman web.
Contoh:
<h1 id="judul-halaman">Ini adalah judul halaman</h1>
<a href="#judul-halaman">Kembali ke atas</a>
Pola Penulisan Atribut HTML
Syntak Umum penulisan Atribut HTML
nama-atribut="nilai-atribut"
Gunakan huruf kecil
src="gambar1.jpg"
SRC="GAMBAR1.JPG"
Nilai Atribut di apit tanda petik ganda (") atau tanda petik tunggal (')
href="www.google.com"
href='www.google.com'
Jika atribut lebih dari satu kata pisahkan dengan tanda (-)
data-src="gambarku.jpg"
Jika nilai atribut berupa angka boleh pakai tanda petik atau tidak
cols="5"
cols=5
Dalam HTML, ada banyak atribut yang dapat digunakan untuk memberikan detail atau perilaku pada elemen HTML. dalam artikel selanjutnya kita akan membahas lebih detail tiap atribut dari Elemen HTML