Belajar HTML Part 6 : Styles HTML

STYLES HTML

Assalamu'alaikum Wr. Wb

Halo teman-teman semua, terima kasih masih setia mengunjungi blog saya yang jelek ini. 
Setelah sebelumnya kita belajar tentang Headings, pada kesempatan kali ini saya akan posting mengenai Styles pada HTML.

Langsung saja yuk...

Ada beberapa styles pada HTML antara lain :

1. Mengganti Warna Background

Kita bisa mengubah warna background pada HTML menggunakan sintak  

style="background-color:nama_warna;"

Contoh :

Maka hasilnya akan seperti ini :

2. Mengubah warna teks

Kita bisa mengubah warna teks dengan menggunakan sintak  

style="color:nama_warna;"

Contoh :

Maka hasilnya akan seperti ini :

3. Mengubah font pada HTML

Kita bisa mengubah jenis font pada HTML, tapi untuk melihat hasilnya pada  browser pastikan di PC/Laptop kita sudah terinstall font yang kita inginkan, kalau belum terinstall maka font yang ditampilkan adalah font yg default, sintaknya :

style="font-family:jenis_font;"

Contoh :

Maka hasilnya akan seperti ini :

4. Mengubah ukuran text pada HTML

Kita bisa mengubah ukuran/size font yang akan ditampilkan oleh browser. Sintaknya :  

style="font-size:ukuran_font(dalam%);"

Contoh :

Maka hasilnya akan seperti ini :

5. Mengubah perataan text

Kita bisa mengubah perataan teks pada HTML. Sintaknya :  

style="text-align:perataan;"

Contoh :

Maka hasilnya akan seperti ini :

Nah, bagaimana teman-teman sudah paham kan? Kalau belum paham silakan tinggalkan jejak pada kolom komentar.  Terima Kasih.

• Kesimpulan :

Berdasarkan kegiatan ini kita bisa mengerti dan memahami macam-macam styles pada HTML antara lain.

Referensi :
http://www.w3schools.com/html/html_styles.asp

Wassalamu'alaikum Wr. Wb