HTML PART 3:Dasar menggunakan style HTML
hai,teman-teman terima kasih telah mengunjungi blog saya.
kali ini saya akan membahas dasar dari style HTML.
langsung saja pembahasanya.
1.Alat dan Bahan
1.laptop/pc
2.ada sublime text/notepad/atom
2.Maksud dan Tujuan
-dapat memahami tag html dan cara penggunaannya
3.Macam-macam tag penggunaan dalam HTML
1. HTML Warna Background
Background-color adalah properti mendefinisikan warna latar belakang untuk elemen HTML.
Contoh:
<!DOCTYPE html>
<html>
<body style="background-color: powderblue;">
<h1>ini heding</h1>
<p>ini paragraf.</p>
</body>
</html>
ini hasilnya:
Warna properti mendefinisikan warna teks untuk elemen html.
contoh:
<h1 style="color: #green";>This is heading</h1>
<p style="color: red;">This is a paragraph</p>
ini hasilnya:
3.HTML Font
font-family properti mendefinisikan font yang akan digunakan untuk elemen.
contoh:
<h1 style="font-family: verdana;">ini hading</h1>
<p style="font-family: courier;">ini paragraf</p>
ini hasilnya:
font-size properti mendefinisikan ukuran text untuk elemen HTML.
contoh:
<h1 style="font-size: 300%;">ini heding</h1>
<p style="font-size: 160%;">ini paragraf.</p>
ini hasilnya:
text-align properti mendefinisikan perataan text horisontal untuk elemen HTML.
contoh:
<h1 style="text-align: center;">ini heding</h1>
<p style="text-align: center;">ini paragraf</p>
ini hasilnya:
1.gunakan gaya atribut untuk elemen styling HTML
2.gunakan background-color untuk warna Background
3.gunakan color untuk warna text
4.gunakan font-family untuk font text
5.gunakan font-size untuk ukuran text
6.gunakan text-align untuk perataan text
REFERENSI:
http://www.w3schools.com/html/html_styles.asp
Semoga bermanfaat dan sekian dari saya terima kasih.
WASSALAMUALAIKUM wr wb.
Komentar
Posting Komentar