Merubah Gaya (Style) Pada HTML
Setiap elemen HTML memiliki Style Default (warna latar belakang putih dan warna teks adalah hitam).
Merubah style defaut dari elemen HTML, bisa dilakukan dengan merubah Atribut style.
Pada Contoh berikut ditunjukkan warna latar belakang dari putih menjadi abu-abu terang:
Contoh:
<body style="background-color:lightgrey">
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
Penggunaan Atribut bgcolor, hanya didukung oleh versi lawas dari HTML, tidak valid pada HTML5.
Atribut Style HTML
Atribut Style HTML memiliki sintak seperti berikut:
style="properti:nilai"
Properti adalah properti dari CSS. Dan nilai adalah nilai dari CSS
Anda bisa mempelajari tentang CSS pada tutorial lain di blog ini.
Warna Teks HTML
Properti color mendefinisikan warna teks untuk digunakan oleh elemen HTML:
Contoh:
<h1 style="color:blue">Ini adalah sebuah heading</h1>
<p style="color:red">Ini adalah sebuah paragraf.</p>
Font HTML
Atribut Style HTML memiliki sintak seperti berikut:
style="properti:nilai"
Properti adalah properti dari CSS. Dan nilai adalah nilai dari CSS
Warna Teks HTML
Properti color mendefinisikan warna teks untuk digunakan oleh elemen HTML:
Contoh:
<h1 style="color:blue">Ini adalah sebuah heading</h1>
<p style="color:red">Ini adalah sebuah paragraf.</p>
Font HTML
Properti font-family mendefinisikan font yang bisa digunakan untuk elemen HTML:
Contoh:
<h1 style="font-family:verdana">Ini adalah sebuah heading</h1>
<p style="font-family:courier">Ini adalah sebuah paragraf.</p>
<p style="font-family:courier">Ini adalah sebuah paragraf.</p>
Tag <font>, hanya bisa digunakan pada versi lawas HTML, tidak didukung pada penggunaan HTML5
Ukuran teks HTML (text size)
Properti font-size mendefinisikan ukuran teks untuk bisa digunakan pada elemen HTML:
Contoh:
<h1 style="font-size:300%">Ini adalah sebuah heading</h1>
<p style="font-size:160%">Ini adalaha sebuah paragraf.</p>
Teks Aligment HTML
Properti font-size mendefinisikan ukuran teks untuk bisa digunakan pada elemen HTML:
Contoh:
<h1 style="font-size:300%">Ini adalah sebuah heading</h1>
<p style="font-size:160%">Ini adalaha sebuah paragraf.</p>
Teks Aligment HTML
Properti text-align mendefinisikan posisi keselarasan horisontal untuk digunakan elemen HTML:
Contoh:
<h1 style="text-align:center">Centered Heading</h1>
<p>This is a paragraph.</p>
<p>This is a paragraph.</p>
Tag <center>, hanya didukung pada HTML versi lawas, tag ini tidak mendukung penggunaan HTML5
Ringkasan Mater
- Gunakan atribut style untuk mengubah style elemen HTML
- Gunakan backgroud-color untuk merubah warna latar belakang
- Gunakan color untuk merubah warna teks
- Gunakan font-family untuk merubah font teks
- Gunakan font-size untuk merubah ukuran teks
- Gunakan text-align untuk merubah posisi keselarasan teks
Share this
0 Comment to "Style HTML"
Post a Comment