HTML Style Atribut
Pengaturan gaya elemen HTML, bisa dilakukan dengan style atribut.
Atribut style HTML memiliki sintaks berikut:
style=" property : value; "The property adalah properti CSS. The value adalah nilai CSS.
Anda akan belajar lebih banyak tentang CSS nanti dalam tutorial ini.
HTML Warna Latar Belakang
The background-color properti mendefinisikan warna latar belakang untuk elemen HTML:
Contoh ini menetapkan latar belakang untuk halaman untuk lightgrey:
Contoh
<body style="background-color:lightgrey;">
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body> Cobalah sendiri " HTML Warna Teks
The color properti 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> Cobalah sendiri " HTML Fonts
The font-family properti 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> Cobalah sendiri " HTML Ukuran Teks
The font-size properti 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> Cobalah sendiri " HTML Penyelarasan Teks
The text-align properti mendefinisikan perataan teks horisontal untuk sebuah elemen HTML:
Contoh
<h1 style="text-align:center;">Centered Heading</h1>
<p>This is a paragraph.</p> Cobalah sendiri " Bab Ringkasan
- Gunakan style atribut untuk elemen styling 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
Uji Diri dengan Latihan!
Latihan 1 » Latihan 2» Latihan 3 » Latihan 4» Latihan 5 » Latihan 6»