Raja Tutor

Atribut HTML

Atribut HTML memberikan informasi tambahan pada sebuah elemen HTML.
Semua elemen HTML bisa memiliki atribut.
Atribut selalu didefinisikan pada tag mulai.
Atribut biasanya memiliki format berpasangan antara nama dan nilai seperti nama="nilai".

Atribut href

Tag <a> yang mendefinisikan link atau tautan memiliki atribut href yang menyatakan alamat url dari link atau tautan.

Atribut src

Tag <img> merupakan tag untuk menampilkan gambar memiliki atribut src yang menunjukkan lokasi file gambar yang ingin ditampilkan.

Atribut width dan height

Tag <img> juga memiliki atribut width dan height untuk mendefinisikan lebar dan tinggi dari gambar yang akan ditampilkan dalam piksel.

Atribut alt

Tag <img> juga memiliki atribut alt yang digunakan untuk menyatakan teks keterangan bila gambar yang dicari tidak bisa ditemukan dan ditampilkan.

Atribut style

Atribut style digunakan untuk menambahkan style atau gaya pada elemen HTML seperti warna, font, ukuran dan lainnya.

Perhatikan contoh berikut untuk lebih jelasnya.

 
<!DOCTYPE html>
<html>
   <head>
      <title>Atribut HTML</title>
   </head>
   <body>
      <a href="http://www.rajatutor.com">Ini adalah link atau tautan ke website RajaTutor</a>
      <br>
      <img src="rajatutor.png" width="150" height="40">
      <br>
      <img src="rajatutor.png" alt="Website RajaTutor">
      <br>
      <img src="rajatutorial.png" alt="Website RajaTutor">
      <br>
      <p style="color:red;">Contoh sebuah paragraf dengan warna merah.</p>
   </body>
</html>

Berikut adalah hasilnya bila dilihat pada browser

atribut-html