Gaya HTML
Saya Merah
Saya Biru
HTML Styling
Setiap elemen HTML memiliki gaya default (warna latar belakang putih dan warna teks hitam).
Mengubah gaya 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.
Gaya HTML Atribut
Gaya HTML atribut memiliki sintaks berikut:
style = "property: value"
Properti adalah properti CSS. Nilai adalah nilai CSS.
Catatan Anda akan belajar lebih banyak tentang CSS nanti dalam tutorial ini.
HTML Warna Teks
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>
HTML Fonts
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.
HTML Text Size
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>
HTML Teks Keselarasan
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
Saya Merah
Saya Biru
HTML Styling
Setiap elemen HTML memiliki gaya default (warna latar belakang putih dan warna teks hitam).
Mengubah gaya 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.
Gaya HTML Atribut
Gaya HTML atribut memiliki sintaks berikut:
style = "property: value"
Properti adalah properti CSS. Nilai adalah nilai CSS.
Catatan Anda akan belajar lebih banyak tentang CSS nanti dalam tutorial ini.
HTML Warna Teks
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>
HTML Fonts
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.
HTML Text Size
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>
HTML Teks Keselarasan
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 komentar:
Posting Komentar