Gaya HTML
Atribut HTML style
digunakan 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 style
atribut.
Atribut HTML style
memiliki 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-color
mendefinisikan 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 color
mendefinisikan 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-family
mendefinisikan 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-size
mendefinisikan 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-align
mendefinisikan 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
style
atribut untuk menata elemen HTML - Gunakan
background-color
untuk warna latar belakang - Gunakan
color
untuk warna teks - Gunakan
font-family
untuk font teks - Gunakan
font-size
untuk ukuran teks - Gunakan
text-align
untuk perataan teks