HTML Format Elemen
Pada bab sebelumnya, Anda belajar tentang elemen format HTML.
Elemen format adalah elemen HTML khusus dengan arti khusus.
Elemen format yang dirancang untuk menampilkan jenis khusus dari teks, seperti teks penting, menekankan teks, subskrip, dan superscripts.
HTML Styling
Styling HTML tidak ada hubungannya dengan unsur-unsur format.
Styling adalah tentang mengubah atau menambahkan gaya elemen HTML yang ada.
Setiap elemen HTML memiliki gaya default (warna latar belakang putih, warna teks hitam ...)
Mengubah gaya default elemen HTML, dapat dilakukan dengan atribut style.
contoh
<gaya body = "background-color: lightgrey">
<h1> Ini adalah heading </ h1>
<p> Ini adalah paragraf. </ p>
</ body>
Coba Sendiri »
**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
<! DOCTYPE html>
<html>
<body>
<h1 style = "color: blue"> Ini adalah heading </ h1>
<p style = "color: red">. Ini adalah sebuah paragraf </ p>
</ body>
</ html>
Coba Sendiri »
HTML Text Font
Properti font-family mendefinisikan font yang akan digunakan untuk elemen HTML:
contoh
<! DOCTYPE html>
<html>
<body>
<span h1 = "font-family: verdana"> Ini adalah heading </ h1>
<p style = "font-family: courier">. Ini adalah sebuah paragraf </ p>
</ body>
</ html>
Coba Sendiri »
**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>
<span h1 = "font-size: 300%"> Ini adalah heading </ h1>
<p style = "font-size: 160%">. Ini adalah sebuah paragraf </ p>
</ body>
</ html>
Coba Sendiri »
HTML Text Keselarasan
Properti text-align mendefinisikan perataan teks horisontal untuk sebuah elemen HTML:
contoh
<! DOCTYPE html>
<html>
<body>
<span h1 = "text-align: center"> Centered Heading </ h1>
<p> Ini adalah paragraf. </ p>
</ body>
</ html>
Coba Sendiri »
**Catatan <center> tag, didukung dalam versi HTML, tidak berlaku di HTML5.
Bab Ringkasan
Gunakan atribut style untuk elemen styling HTML
Gunakan background-color untuk warna latar belakang
Gunakan warna untuk warna teks
Gunakan font-family font teks
Gunakan font-size untuk ukuran teks
Gunakan text-align untuk perataan teks
Pada bab sebelumnya, Anda belajar tentang elemen format HTML.
Elemen format adalah elemen HTML khusus dengan arti khusus.
Elemen format yang dirancang untuk menampilkan jenis khusus dari teks, seperti teks penting, menekankan teks, subskrip, dan superscripts.
HTML Styling
Styling HTML tidak ada hubungannya dengan unsur-unsur format.
Styling adalah tentang mengubah atau menambahkan gaya elemen HTML yang ada.
Setiap elemen HTML memiliki gaya default (warna latar belakang putih, warna teks hitam ...)
Mengubah gaya default elemen HTML, dapat dilakukan dengan atribut style.
contoh
<gaya body = "background-color: lightgrey">
<h1> Ini adalah heading </ h1>
<p> Ini adalah paragraf. </ p>
</ body>
Coba Sendiri »
**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
<! DOCTYPE html>
<html>
<body>
<h1 style = "color: blue"> Ini adalah heading </ h1>
<p style = "color: red">. Ini adalah sebuah paragraf </ p>
</ body>
</ html>
Coba Sendiri »
HTML Text Font
Properti font-family mendefinisikan font yang akan digunakan untuk elemen HTML:
contoh
<! DOCTYPE html>
<html>
<body>
<span h1 = "font-family: verdana"> Ini adalah heading </ h1>
<p style = "font-family: courier">. Ini adalah sebuah paragraf </ p>
</ body>
</ html>
Coba Sendiri »
**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>
<span h1 = "font-size: 300%"> Ini adalah heading </ h1>
<p style = "font-size: 160%">. Ini adalah sebuah paragraf </ p>
</ body>
</ html>
Coba Sendiri »
HTML Text Keselarasan
Properti text-align mendefinisikan perataan teks horisontal untuk sebuah elemen HTML:
contoh
<! DOCTYPE html>
<html>
<body>
<span h1 = "text-align: center"> Centered Heading </ h1>
<p> Ini adalah paragraf. </ p>
</ body>
</ html>
Coba Sendiri »
**Catatan <center> tag, didukung dalam versi HTML, tidak berlaku di HTML5.
Bab Ringkasan
Gunakan atribut style untuk elemen styling HTML
Gunakan background-color untuk warna latar belakang
Gunakan warna untuk warna teks
Gunakan font-family font teks
Gunakan font-size untuk ukuran teks
Gunakan text-align untuk perataan teks
Tidak ada komentar:
Posting Komentar