§ HTML Styling
Setiap elemen HTML memiliki style default (warna latar belakang putih dan warna teks hitam). Mengubah style default elemen HTML, dapat dilakukan dengan atribut style.
Contoh ini akan mengubah warna latar belakang standar dari putih ke lightgrey:
Contoh:
<Style body = "background-color: lightgrey">
<H1> Ini adalah heading </ h1>
<P> Ini adalah sebuah paragraf. </ P>
</ Body>
Catatan! bgcolor atribut, didukung dalam versi HTML, tidak berlaku di HTML5.
§ Atribut style HTML
Gaya HTML atribut memiliki sintaks berikut:
style = "property: value"
Properti adalah properti CSS. Nilai adalah nilai CSS.
§ Warna teks HTML
Properti color mendefinisikan warna teks yang akan digunakan untuk elemen HTML:
Contoh:
<Body>
<H1 style = "color: blue"> Ini adalah heading </ h1>
<P style = "color: red">. Ini adalah sebuah paragraf </ p>
</ Body>
§ Font HTML
Properti font-family mendefinisikan font yang akan digunakan untuk elemen HTML:
Contoh:
<Body>
<Style h1 = "font-family: Verdana"> Ini adalah heading </ h1>
<P style = "font-family: courier">. Ini adalah sebuah paragraf </ p>
</ Body>
Catatan! <font> tag, didukung dalam versi HTML, tidak berlaku di HTML5.
§ Text Size HTML
Properti font-size mendefinisikan ukuran teks yang akan digunakan untuk elemen HTML:
Contoh:
<Body>
<Style h1 = "font-size: 300%"> Ini adalah heading </ h1>
<P style = "font-size: 160%">. Ini adalah sebuah paragraf </ p>
</ Body>
§ Teks keselarasan HTML
Properti text-align mendefinisikan perataan teks horisontal untuk sebuah elemen HTML:
Contoh:
<Body>
<Style h1 = "text-align: center"> Centered Pos </ h1>
<P> Ini adalah sebuah paragraf. </ P>
</ Body>
Catatan! <center> tag, didukung dalam versi HTML, tidak berlaku di HTML5.
Bab Ringkasan:
ü Gunakan atribut style untuk elemen styling HTML
ü Menggunakan background warna untuk warna latar belakang
ü Menggunakan warna untuk warna teks
ü Menggunakan font-family font teks
ü Menggunakan font-size untuk ukuran teks
ü Gunakan text-align untuk perataan teks
0 comments:
Post a Comment