Mari Mengenal HTML Part 3 : Style dan Text Formating HTML

Haloo semua, pada kesempatan kali ini saya akan memosting tentang style yang ada pada HTML seperti : font color, text size, text color, background color, HTML Font, text alignment.

Font Color
color, berfungsi untuk mengatur warna pada font . Contohnya seperti dibawah ini :

Kalau sudah seperti gambar di atas maka tampilan di browser akan muncul seperti ini :

 

Background Color

background-color, properti mendefinisikan warna latar belakang untuk elemen HTML. Contoh ini menetapkan latar belakang berwarna orange :

Hasilnya akan muncul seperti dibawah ini :

Font Style

font-family properti mendefinisikan font yang akan digunakan untuk elemen HTML:

 Hasilnya akan muncul seperti dibawah ini :

Font size
font size yaitu properti mendefinisikan ukuran teks untuk elemen HTML 
Contoh :

Hasilnya akan muncul seperti dibawah ini :

Text alignment
text-align properti mendefinisikan perataan teks horisontal untuk elemen HTML. Contoh :

Keterangan :
center, membuat text agar menjadi rata tengah
right, membuat text agar mejadi rata kanan
left, membuat text agar menjadi rata kiri

Hasilnya akan muncul seperti dibawah ini :

• Element <b>dan <strong>

Element <b>, berfungsi untuk mempertebal text dan element <strong> mendefinisikan kuat pada teks,

• Element <i> dan <em>

 Element <i> fungsinya untuk mengubah teks menjadi bercetak miring sedangkan <em> elemen mendefinisikan menekankan teks.

* Kemungkinan element <b> dan <strong> tampilannya akan sama dan element <i>dan <em> juga tampilannya akan sama, sebenarnya ada perbedaannya yaitu element <strong> dan <em> dalam artian bahwa text tersebut itu "penting".

• Element <small>

Element <small> medefinisikan text dengan ukuran yang kecil

• Element <mark>

Element <mark> mendefinisikan yang diperjelas atau ditandai. SAma hanya seperti tulisan yang di stabilo

• Element <del>

 Element <del> mendefinisikan teks dihapus

• Element <ins> 

 Element <ins> mendefinisikan text yang dimasukan

• Element <sub>

 Element <sub> mendefinisikan text subscript

• Element <sup>

 Element <sup> mendefinisikan text superscript

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