Oleh Unknown

Thursday, February 5, 2015

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.

Mengenal Fungsi HTML Style Attribute

Apa itu html style attribute?

Aturan Penulisan html style attribute

Contoh Penggunaan html style attribute

Aku Adalah Heading Satu

1 Komentar untuk "Mengenal Fungsi HTML Style Attribute"