HTML Attribute

HTML Dasar: Mengenal HTML Attributes

Apa Itu HTML Attribute?

Attribute adalah informasi tambahan yang diberikan pada tag HTML untuk mengatur perilaku atau penampilan dari elemen tersebut. Biasanya ditulis di dalam tag pembuka dan terdiri dari nama dan nilai.

Struktur Umum:

<tagname atribut="nilai">Konten</tagname>

---

Contoh Sederhana

<a href="https://kuliahcoding.com">Kunjungi Kuliah Coding</a>

Penjelasan:

• href adalah nama atribut
• "https://kuliahcoding.com" adalah nilai atribut
• <a> adalah elemen HTML yang digunakan untuk membuat link

---

Beberapa Atribut Umum dalam HTML

Atribut	Digunakan pada	Fungsi
href	<a>	Menentukan alamat tujuan link
src	<img>, <script>	Sumber file (gambar, skrip)
alt	<img>	Teks alternatif jika gambar gagal dimuat
width / height	<img>, <video>, dll.	Menentukan ukuran elemen
title	Semua elemen	Menampilkan tooltip saat mouse diarahkan
id	Semua elemen	Memberi identitas unik
class	Semua elemen	Memberi nama kelas untuk styling CSS
style	Semua elemen	Menambahkan gaya langsung menggunakan CSS

---

Contoh-Contoh Penggunaan

1. Atribut href pada Link

<a href="https://kuliahcoding.com/html/html-intro/">Belajar HTML</a>

2. Atribut src, alt, dan width pada Gambar

<img src="logo.png" alt="Logo Perusahaan" width="200">

3. Atribut style untuk Gaya Langsung

<p style="color: red; font-size: 18px;">Teks ini berwarna merah.</p>

4. Atribut id dan class

<p id="paragraf1" class="highlight">Ini paragraf dengan ID dan class.</p>

---

Tips Menulis Atribut HTML

1. Gunakan Tanda Kutip pada Nilai Atribut

Walaupun HTML5 membolehkan tanpa kutip untuk nilai tertentu, selalu gunakan kutip ganda (") agar lebih aman dan terbaca.

<!-- Lebih baik -->
<a href="halaman.html">Klik</a>

<!-- Kurang baik -->
<a href=halaman.html>Klik</a>

2. Jangan Duplikasi Atribut

Hindari menulis atribut yang sama dua kali dalam satu elemen.

3. Gunakan Atribut Sesuai Fungsinya

Misalnya, alt hanya digunakan di <img>, bukan di <p> atau elemen lain.

4. HTML Tidak Case-Sensitive, Tapi Gunakan Huruf Kecil

HTML tidak membedakan huruf besar dan kecil, tapi konvensinya adalah menggunakan huruf kecil semua untuk tag dan atribut.

---

Kesimpulan

• HTML Attributes memberikan informasi tambahan pada elemen HTML.
• Ditulis dalam tag pembuka dan berbentuk pasangan nama=“nilai”.
• Banyak atribut yang sering digunakan seperti: href, src, alt, class, id, dan style.
• Gunakan kutip, hindari duplikasi, dan ikuti struktur yang rapi.