Postingan kali ini masih terkait dengan atribut HTML. Agar pengetahuan
coding yang konco sinahu peroleh bisa maksimal ada baiknya untuk membaca
kembali Pengertian dan Contoh Atribut HTML.
Kali ini Sinahu Coding akan mengajak konco sinahu mengenal dan
memahami html style attribute.
Apa itu html style attribute?
Secara sederhana, html style attribute berarti mendesain style/gaya
dari suatu tag. Entah itu style warna, tulisan, dan sebagainya. Bagi yang masih
bingung tentang apa itu tag bisa membaca ulasannya di Elemen HTML dan tag HTML,Pengertian dan Penggunaannya.
Aturan Penulisan html style attribute
Untuk html style attribute itu sendiri syntax penulisannya
seperti ini :
style="property:value"
Dan html style attribute tidak bisa berdiri sendiri
penulisannya sebagai tag menjadi <style>, tapi harus mengiringi tag.
Contoh Penggunaan html style attribute
Sebagai ilustrasi, di bawah ini akan ditampilkan contoh
penggunaan style font-color, font-size, text-align, dan font-family untuk tag heading
dan paragraf :
<!DOCTYPE html>
<html>
<body>
<h1 style="color:blue;font-size:300%;font-family:verdana;text-align:center">
Aku Adalah Heading Satu</h1>
<p style="color:red;font-size:160%;font-family:courier">Namaku adalah Paragraf</p>
</body>
</html>
Maka hasilnya :
Aku Adalah Heading Satu
Namaku adalah Paragraf
Dari contoh tersebut, bisa dipahami bahwa untuk menggabungkan
beberapa style attribute digunakan tanda (;), sehingga susunannya menjadi :
<tag style="property: value; property: value; property: value;">
</tag>
Sudah jelas ya. Sekian sinahu coding tentang Mengenal Fungsihtml style attribute. Pertanyaan bisa kita diskusikan di kolom
komentar.
1 Komentar untuk "Mengenal Fungsi HTML Style Attribute"
thanks gan sudah share
pemotong simcard