Apa Yang Dimaksud Dengan Atribut Dalam Tag Html

3 min read Jun 28, 2024
Apa Yang Dimaksud Dengan Atribut Dalam Tag Html

Apa yang Dimaksud dengan Atribut dalam Tag HTML?

Tag HTML adalah elemen dasar yang membentuk struktur dan konten halaman web. Tag HTML ini memiliki atribut yang memberikan informasi tambahan tentang elemen tersebut. Atribut ini seperti "sifat" atau "karakteristik" yang membantu browser dalam menampilkan dan menafsirkan konten web dengan benar.

Pengertian Atribut

Atribut dalam HTML adalah pasangan nama-nilai yang ditambahkan ke dalam tag HTML untuk memberikan informasi tambahan tentang elemen tersebut. Atribut ini ditulis dalam tanda kutip (""), dan dipisahkan dengan tanda sama dengan (=).

Contoh:

Gambar kucing

Pada contoh di atas, img adalah tag HTML untuk menampilkan gambar. Tag ini memiliki dua atribut:

  • src: mendefinisikan sumber gambar yang akan ditampilkan (gambar.jpg).
  • alt: memberikan teks alternatif yang akan ditampilkan jika gambar tidak dapat dimuat atau jika pengguna menggunakan pembaca layar.

Fungsi Atribut

Atribut dalam tag HTML memiliki beberapa fungsi penting, yaitu:

  • Menentukan tampilan: Atribut seperti style, class, id digunakan untuk mengatur tampilan elemen, seperti warna, ukuran, dan posisi.
  • Menentukan perilaku: Atribut seperti href, target, rel digunakan untuk mengontrol perilaku elemen, seperti navigasi ke halaman lain, membuka link di jendela baru, atau mengatur hubungan antar halaman.
  • Menambahkan informasi: Atribut seperti title, alt, lang digunakan untuk menambahkan informasi tambahan tentang elemen, seperti judul, deskripsi, dan bahasa.

Contoh Atribut

Berikut beberapa contoh atribut yang sering digunakan dalam tag HTML:

  • src (tag <img>): mendefinisikan sumber gambar.
  • href (tag <a>): mendefinisikan alamat URL untuk link.
  • alt (tag <img>, <area>): mendefinisikan teks alternatif untuk gambar.
  • title (tag <img>, <a>, <input>): mendefinisikan teks tooltip yang muncul saat mouse diletakan di atas elemen.
  • style (tag HTML): mendefinisikan gaya inline untuk elemen.
  • class (tag HTML): mendefinisikan kelas CSS yang diterapkan pada elemen.
  • id (tag HTML): mendefinisikan ID unik untuk elemen.
  • lang (tag HTML): mendefinisikan bahasa konten dalam elemen.

Kesimpulan

Atribut dalam tag HTML adalah elemen penting yang memberikan informasi tambahan tentang elemen tersebut, sehingga browser dapat menampilkan dan menafsirkan konten web dengan benar. Dengan memahami fungsi dan penggunaan atribut, Anda dapat membangun halaman web yang lebih interaktif dan informatif.

Latest Posts


Featured Posts