Gaya HTML
Saya Red
Saya Biru
HTML Styling
Setiap elemen HTML memiliki gaya default (warna latar belakang putih, warna teks hitam, teks-ukuran 12px ...)
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 bg color 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
<! DOCTYPE html>
<html>
<body>
<h1 style = "color: blue"> Ini adalah heading </ h1>
<p style = "color: red">. Ini adalah sebuah paragraf </ p>
</ body>
</ html>
HTML Text Font
Properti font-family mendefinisikan font yang akan digunakan untuk elemen HTML:
contoh
<! DOCTYPE html>
<html>
<body>
<style h1 = "font-family: Verdana"> Ini adalah heading </ h1>
<p style = "font-family: courier">. Ini adalah sebuah paragraf </ p>
</ body>
</ html>
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
<! DOCTYPE html>
<html>
<body>
<style h1 = "font-size: 300%"> Ini adalah heading </ h1>
<p style = "font-size: 160%">. Ini adalah sebuah paragraf </ p>
</ body>
</ html>
HTML Teks Keselarasan
Properti text-align mendefinisikan perataan teks horisontal untuk sebuah elemen HTML:
contoh
<! DOCTYPE html>
<html>
<body>
<style h1 = "text-align: center"> Centered Pos </ h1>
<p> Ini adalah sebuah paragraf. </ p>
</ body>
</ html>
Saya Red
Saya Biru
HTML Styling
Setiap elemen HTML memiliki gaya default (warna latar belakang putih, warna teks hitam, teks-ukuran 12px ...)
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 bg color 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
<! DOCTYPE html>
<html>
<body>
<h1 style = "color: blue"> Ini adalah heading </ h1>
<p style = "color: red">. Ini adalah sebuah paragraf </ p>
</ body>
</ html>
HTML Text Font
Properti font-family mendefinisikan font yang akan digunakan untuk elemen HTML:
contoh
<! DOCTYPE html>
<html>
<body>
<style h1 = "font-family: Verdana"> Ini adalah heading </ h1>
<p style = "font-family: courier">. Ini adalah sebuah paragraf </ p>
</ body>
</ html>
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
<! DOCTYPE html>
<html>
<body>
<style h1 = "font-size: 300%"> Ini adalah heading </ h1>
<p style = "font-size: 160%">. Ini adalah sebuah paragraf </ p>
</ body>
</ html>
HTML Teks Keselarasan
Properti text-align mendefinisikan perataan teks horisontal untuk sebuah elemen HTML:
contoh
<! DOCTYPE html>
<html>
<body>
<style h1 = "text-align: center"> Centered Pos </ h1>
<p> Ini adalah sebuah paragraf. </ p>
</ body>
</ html>
Tidak ada komentar:
Posting Komentar