Halo teman-teman,
Setelah sebelumnya kita belajar tentang elemen-elemen dasar dalam HTML, sekarang kita akan lanjut ke bagian yang nggak kalah penting, yaitu mengenal atribut. Kalau elemen itu ibarat kerangka, maka atribut adalah detil pelengkapnya—yang bikin tampilan dan fungsi elemen jadi lebih spesifik dan fleksibel.
Atribut ini ditulis di dalam tag pembuka suatu elemen, dan biasanya ditulis dalam format nama="nilai". Misalnya seperti ini:
<a href="https://unibsi.blogspot.com">Kunjungi Blog</a>
Di contoh ini, kita pakai elemen <a> (tautan) yang diberi atribut href untuk menentukan link tujuan. Jadi bisa dibilang, atribut itu memberi "keterangan tambahan" tentang elemen yang dipakai.
Berikut beberapa atribut yang sering digunakan dan wajib kamu kenali saat mulai belajar HTML:
href (untuk tautan)
Digunakan pada tag <a> untuk mengatur ke mana link akan mengarah.
<a href="https://google.com">Cari di Google</a>
src (untuk gambar)
Dipakai dalam tag <img> untuk menentukan lokasi gambar.
<img src="gambar.jpg" alt="Deskripsi gambar">
alt (teks alternatif)
Kalau gambar gagal dimuat, teks ini akan ditampilkan. Juga penting untuk aksesibilitas.
width dan height (ukuran gambar)
Buat ngatur tinggi dan lebar gambar secara langsung dari tag HTML.
<img src="foto.jpg" width="300" height="200">
style (untuk styling langsung)
Kalau mau kasih gaya langsung tanpa pakai CSS eksternal, bisa pakai atribut ini.
<p style="color: blue;">Teks ini berwarna biru.</p>
title (tooltip)
Menampilkan keterangan saat pengguna mengarahkan kursor ke elemen.
<p title="Ini adalah tooltip.">Arahkan kursor ke sini!</p>
lang (pengaturan bahasa)
Biasanya diletakkan di tag <html> untuk menjelaskan bahasa dokumen.
<html lang="id">
Kalau kamu perhatikan, semua atribut itu ditulis di dalam tag pembuka dan selalu dalam format nama="nilai". Biasanya pakai tanda kutip dua, tapi kalau nilainya sudah mengandung kutip dua, kamu bisa pakai kutip satu.
<p title='Teks dengan "kutipan dua"'>Contoh</p>
Oh ya, meskipun HTML memperbolehkan kamu nulis atribut tanpa tanda kutip (kalau nilainya pendek dan tanpa spasi), sebaiknya tetap pakai tanda kutip biar rapi dan aman.
Jadi sampai di sini kita udah belajar bahwa atribut HTML adalah bagian penting untuk melengkapi elemen. Tanpa atribut, elemen HTML cuma jadi rangka kosong. Dengan atribut, kita bisa atur ke mana link mengarah, gimana gambar tampil, atau bahkan mengatur gaya visual dari suatu elemen.
Kalau kamu punya pertanyaan atau mungkin baru pertama kali pakai atribut dan bingung cara nulisnya, langsung aja tulis di kolom komentar ya. Kita bahas bareng!
Di materi selanjutnya, kita akan bahas tentang heading dalam HTML—apa itu <h1> sampai <h6>, dan kenapa penting banget untuk struktur halaman yang rapi dan SEO-friendly. Sampai ketemu di tutorial berikutnya!
Komentar
Posting Komentar