Attribut HTML

Atribut HTML : 
  • Semua elemen HTML dapat memiliki attribut. 
  • Attribut memberikan maklumat tambahan tentang elemen. 
  • Atttribut selalu ditentukan dalam mulai tag. 
  • Attribut biasanya datang dalam pasangan name/value seperti: name= "value". 


Attribut Title : 
Disini, title attribut ditambahkan ke elemen <p>. Maka value "Sky Code Belajar HTML" akan menjadi judul paragraf.  

Contoh Attribut Title : 

<p title="Sky Code Belajar HTML"> 
tetap semangat belajar HTML. 
</p>  


Attribut href : 
Link HTML didefinisikan dengan tag <a>. Alamat link ditentukan dalam attribut href. 

Contoh Attribut href : 

<a href="www.skycode45.blogspot.com">This is a link</a> 


Attribut size :
HTML gambar didefinisikan dengan tag <img>. 
Nama file sumber (src), dan size gambar (lebar dan tinggi) disediakan sebagai attribut.

Contoh Attribut size :

<img src="skycode45.jpg" width="104" height="142"> 


Peringatan :
Ukuran gambar yang ditentukan dalam pixel: width="104" berarti lebar ukuran gambar adalah 104 pixel. 


Attribut alt  :
Attribut alt menentukan teks alternatif untuk dipakai, ketika gambar tidak dapat ditampilkan.

<img src="w3schools.jpg" alt="W3Schools.com" width="104" height="142">



Ringkasan :
  • Semua elemen HTML dapat memiliki atribut
  • Title atribut menyediakan informasi tambahan "tool-tip"
  • Href atribut menyediakan informasi alamat untuk link
  • Attribut yang lebar dan tinggi menyediakan informasi ukuran gambar
  • Attribut alt menyediakan teks untuk pembaca layar



Daftar dibawah ini adalah daftar alfabet dari beberapa attribut yang sering digunakan dalam HTML:

Alt adalah untuk Menentukan teks alternatif untuk gambar, ketika gambar tidak ditampilkan.
Disabled adalah untuk Menentukan bahwa sebuah elemen input harus dinonaktifkan.
Href adalah untuk Menentukan URL (alamat web) untuk link.
Id adalah untuk Menunjukkan id unik untuk elemen.
Src adalah untuk Menentukan URL (alamat web) untuk gambar.
Style adalah untuk Menentukan gaya CSS inline untuk sebuah elemen.
Title adalah untuk Menentukan informasi tambahan tentang elemen (ditampilkan sebagai tool tip).

Komentar

Posting Komentar