Belajar html Atribut.

ke bawah

Elemen html dapat dipoles dengan berbagai gaya agar elemen tersebut dapat tampil menarik yang akan ditampilkan pada halaman browser. Ketika kita menginginkan sebuah paragraf dengan tulisan berwarna:merah, maka itulah identitas yang dicantumkan pada elemen paragraf tersebut. Pasangan warna dan merah itu juga menjelaskan tentang pararagraf tersebut , penjelasan informasi inilah yang disebut Atribut .

Penjelasan tentang atribut sebagai informasi pada elemen adalah :

• 
  bahwa elemen html dapat memiliki Atribut.
• atribut memberikan informasi tambahan tentang elemen, misalnya bagaimana sebuah elemen diberi warna, ukuran maupun style.
• atribut dalam penulisannya selalu ditentukan dalam tag awal.
• atribut datang dalam pasangan nama atribut dan nilai atribut . Misalnya sebuah elemen akan diberi gaya dengan "warna: merah" dan "size: 24 px" disini warna:dan size: merupakan nama atribut, sedangkan merah dan 24px adalah nilai/value dari atribut tadi.
• nilai atribut harus berada diantara dua tanda petik ( " ), boleh tanda petik ganda maupun tunggal.

.

<p style="color:red; font-size:24px">

paragraf dengan tulisan warna:merah dan ukuran:24px

</p>

yang tampil di browser spt ini:

paragraf dengan tulisan warna:merah ukuran:24px

Paragraf diatas memiliki atribut style dengan properti warna:merah dan size:24px.




Berikut ini adalah contoh bagaimana sebuah elemen heading diberi gaya dengan warna: biru .

<h3 style="color:blue">
ini judul
</h3>

hasilnya :

ini judul

elemen heading mempunyai atribut style, dengan properti warna:biru.


Contoh lain misalnya pada elemen link.

<a href="http://almat-link.com"> ini sebuah link </a>

contoh link ke :
yahoo mobile.
link dengan atribut style dan atribut href.


Elemen link didefinisikan dengan tag <a> sedangkan alamat link ditetapkan dengan atribut href.




Contoh berikutnya adalah elemen img


Untuk menempatkan gambar pada halaman digunakan tag <img>, alamat gambar ditetapkan dengan atriibut src: dan atribut alt: sebagai alternatif berupa tulisan ketika karena satu dan lain hal gambar tidak muncul.

<img src="alamat-gambar/gambar.jpg;" alt="ini-gambar;" />

Elemen img tidak disertai tag penutup, sebagai gantinya dicantumkan tanda slash ( / ) sebelum tanda tutup ( > ).


Back To Top