HTML Style | Setiap elemen HTML memiliki gaya standar (warna latar belakang putih dan warna teks hitam). Mengubah gaya default elemen HTML, bisa dilakukan dengan atribut style. Contoh dibawah ini cara mengubah latar belakang (background) bawaan dari putih ke lightgrey.
<body style="background-color:lightgrey">
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
(silahkan dicoba)
HTML Style Atribute
HTML Style atribut memiliki sintak, contoh :
style="property:value"
HTML Text Color
Warna properti mendefinisikan warna teks yang akan digunakan untuk HTML.
<h1 style="color:blue">This is a heading</h1>
<p style="color:red">This is a paragraph.</p>
HTML Font
Font-family properti mendefinisikan font yang akan digunakan untuk elemen HTML.
<h1 style="font-family:verdana">This is a heading</h1>
<p style="font-family:courier">This is a paragraph.</p>
Perhatian : tag <font> didukung dalam versi HTML, tidak berlaku di HTML5
HTML Text Size
Font-size properti mendefinisikan ukuran teks yang akan digunakan untuk elemen HTML :
<h1 style="font-size:300%">This is a heading</h1>
<p style="font-size:160%">This is a paragraph.</p>
HTML Text Alignment
Text-align properti mendefinisikan perataan teks horizontal untuk sebuah elemen HTML :
<h1 style="text-align:center">Centered Heading</h1>
<p>This is a paragraph.</p>
Perhatian : tag <center> didukung dalam versi HTML, tidak berlaku di HTML5
Ringkasan :
Gunakan atribut style untuk elemen styling HTML
Gunakan background color untuk warna background
Gunakan color untuk warna teks
Gunakan font-family untuk font teks
Gunakan font-size untuk ukuran teks
Gunakan text-align untuk perataan teks
Itulah pembelajaran HTML style hari ini. Semoga bermanfaat.
