Setiap elemen HTML memiliki gaya standar (warna latar belakang putih, warna teks hitam, teks-ukuran 12px ...)
Mengubah gaya default elemen HTML, bisa dilakukan dengan atribut style .
Contoh ini akan mengubah warna latar belakang standar dari putih ke lightgrey:
Contoh
<body style="background-color:lightgrey"> <h1>This is a heading</h1> <p>This is a paragraph.</p> </body>
Ket : The bgcolor atribut, didukung dalam versi HTML, tidak berlaku di HTML5
Gaya HTML Atribut
Gaya HTML atribut memiliki berikut sintaks :
style="property:value"
The properti adalah properti CSS. The value adalah nilai CSS.
HTML Warna Teks
The warna properti mendefinisikan warna teks yang akan digunakan untuk elemen HTML:
Contoh
<!DOCTYPE html> <html> <body> <h1 style="color:blue">This is a heading</h1> <p style="color:red">This is a paragraph.</p> </body> </html>HTML Text Font
The font-family properti mendefinisikan font yang akan digunakan untuk elemen HTML:
Contoh
HTML Teks Keselarasan
The text-align properti mendefinisikan perataan teks horisontal untuk sebuah elemen HTML:
<!DOCTYPE html> <html> <body> <h1 style="font-family:verdana">This is a heading</h1> <p style="font-family:courier">This is a paragraph.</p> </body> </html>
The <font> tag, didukung dalam versi HTML, tidak berlaku di HTML5.
HTML Text Size
The font-size properti mendefinisikan ukuran teks yang akan digunakan untuk elemen HTML:
Contoh
The font-size properti mendefinisikan ukuran teks yang akan digunakan untuk elemen HTML:
Contoh
<!DOCTYPE html> <html> <body> <h1 style="font-size:300%">This is a heading</h1> <p style="font-size:160%">This is a paragraph.</p> </body> </html>
HTML Teks Keselarasan
The text-align properti mendefinisikan perataan teks horisontal untuk sebuah elemen HTML:
Contoh
<!DOCTYPE html> <html> <body> <h1 style="text-align:center">Centered Heading</h1> <p>This is a paragraph.</p> </body> </html>
Ket : The <center> tag, didukung dalam versi HTML, tidak berlaku di HTML5
0 Komentar untuk " HTML Styles "