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>
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>
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
