Tutorial Blog, Tips Blogging, SEO, Belajar Syntax HTML, PHP, CSS, dan Aktifitas Coding Lainnya

Mengenal Fungsi HTML Style Attribute

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.



0 Komentar untuk "Mengenal Fungsi HTML Style Attribute"

Back To Top