Gaya HTML
Atribut HTML styledigunakan untuk menambahkan gaya ke elemen, seperti warna, font, ukuran, dan lainnya.
Contoh
saya merah
saya biru
Aku besar
Atribut Gaya HTML
Pengaturan style suatu elemen HTML, dapat dilakukan dengan styleatribut.
Atribut HTML stylememiliki sintaks berikut:
<tagname
style="property:value;">
Properti adalah properti CSS. Nilainya adalah nilai CSS.
Anda akan belajar lebih banyak tentang CSS nanti dalam tutorial ini.
Warna latar belakang
Properti CSS background-colormendefinisikan warna latar belakang untuk elemen HTML.
Contoh
Atur warna latar belakang halaman menjadi biru bubuk:
<body style="background-color:powderblue;">
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
Contoh
Atur warna latar belakang untuk dua elemen berbeda:
<body>
<h1 style="background-color:powderblue;">This is a heading</h1>
<p
style="background-color:tomato;">This is a paragraph.</p>
</body>
Warna teks
Properti CSS colormendefinisikan warna teks untuk elemen HTML:
Contoh
<h1 style="color:blue;">This is a heading</h1>
<p style="color:red;">This is a paragraph.</p>
font
Properti CSS font-familymendefinisikan font yang akan digunakan untuk elemen HTML:
Contoh
<h1 style="font-family:verdana;">This is a heading</h1>
<p style="font-family:courier;">This is a paragraph.</p>
Ukuran teks
Properti CSS font-sizemendefinisikan ukuran teks untuk elemen HTML:
Contoh
<h1 style="font-size:300%;">This is a heading</h1>
<p
style="font-size:160%;">This is a paragraph.</p>
Perataan Teks
Properti CSS text-alignmendefinisikan perataan teks horizontal untuk elemen HTML:
Contoh
<h1 style="text-align:center;">Centered Heading</h1>
<p style="text-align:center;">Centered paragraph.</p>
Ringkasan Bab
- Gunakan
styleatribut untuk menata elemen HTML - Gunakan
background-coloruntuk warna latar belakang - Gunakan
coloruntuk warna teks - Gunakan
font-familyuntuk font teks - Gunakan
font-sizeuntuk ukuran teks - Gunakan
text-alignuntuk perataan teks