Saya Merah
Saya Biru
Aku besar
Atribut Style HTML
Pengaturan elemen style pada HTML dapat dilakukan dengan atribut style.Atribut style HTML memiliki sintaks penulisan sebagai berikut:
<namatag style="property:value;">
Kita akan belajar lebih banyak tentang CSS lebih lanjut nanti bersama purwana.net. ;)
Latar Belakang Warna HTML
Properti background-color mendefinisikan warna latar belakang untuk elemen HTML.Contoh berikut menetapkan warna latar belakang untuk halaman dengan powderblue:
Contoh
<body style="background-color:powderblue;">
<h1>Ini adalah heading</h1>
<p>Ini adalah paragraf</p>
</body>
Teks Warna HTML
Properti color mendefinisikan warna teks untuk elemen HTML:Contoh
<h1 style="color:blue;">Ini adalah heading</h1>
<p style="color:red;">ini adalah paragraf.</p>
Font HTML
Properti font-family mendefinisikan font yang akan digunakan untuk elemen HTML:Contoh
<h1 style="font-family:verdana;">Ini adalah heading</h1>
<p style="font-family:courier;">Ini adalah paragraph.</p>
Ukuran Teks di HTML
Properti font-size mendefinisikan ukuran teks pada elemen HTML:Contoh
<h1 style="font-size:300%;">Ini adalah kepala heading</h1>
<p style="font-size:160%;">Yang ini paragraf.</p>
Penyelarasan Posisi Teks HTML
Properti text-align mendefinisikan perataan teks horisontal untuk sebuah elemen HTML:Contoh
<h1 style="text-align:center;">Heading di tengah</h1>
<p style="text-align:center;">Paragraf di tengah.</p>
Ringkasan (Rangkuman)
- Gunakan atribut style untuk elemen styling HTML
- Gunakan background-color untuk latar belakang berwarna
- Gunakan color untuk warna teks
- Gunakan font-family untuk font teks
- Gunakan font-size untuk ukuran teks
- Gunakan text-align untuk perataan teks
