Sabtu, 27 April 2013

0 Format Font HTML


Disine gue mau sedikit berbagi nih tentang FORMAT FONT ,cuuus 

Tag HTML untuk font adalah …, dengan tag ini kita bisa menentukan jenis font (face), 
warna (color), dan ukuran (size), untuk lebih jelasnya mari kita perhatikan contoh berikut ini:


<html> 
<head></head> 
<body> 

Untuk membuat jenis font (face): 
<h1><font face="Verdana">Judul dengan font Verdana</font></h1> 
<p><font face="Times">Konten dengan font Times</font></p> 
Untuk membuat ukuran (size): 

<h1><font size="5">Judul dengan size 5</font></h1> 
<p><font size="3">Konten dengan size 3</font></p> 

Untuk membuat warna font (color): 
<h1><font color="blue">Judul dengan warna biru</font></h1> 
<p><font color="red">Konten dengan warna merah</font></p> 

Contoh komplit untuk membuat jenis font (face),size dan color: 
<h1><font face="Verdana" size="4" color="green">Judulnya Tentang 
Font</font></h1> 
<p><font face="Arial" size="3" color="#660000">Ini adalah contoh tulisan 
dengan <i>pengaturan font</i> yang menggunakan<br> 
tag HTML elemen <b>font</b> dengan atribut face, size dan color...</font></p>
</body> 
</html>


Berikut adalah sebagai referensi bagi anda untuk memanipulasi atribut face, color dan size:

Atribut
face="Jenis font yang digunakan", contoh: face="Tahoma"
size="Ukuran dari font (1-7)", contoh: size="3"
size="Memperbesar ukuran font", contoh: size="+1"
size="Memperkecil ukuran font", contoh: size="-1"
color="Warna dari font", contoh: color="blue"
color="Warna dari font", contoh: color="#FF0000"

Sesuai dengan recomendasi dari World Web Consortium (W3C), Untuk HTML 4.0 keatas, 
tag </font> tidak dipergunakan lagi, sebagai gantinya dibuat tag </style> atau disebut dengan 
Cassading Style Sheets (CSS). Dengan CSS penggunaannya akan lebih kompleks dan lebih luas lagi karena 
dapat dikombinasikan dengan tag elemen-elemen lainnya di dalam dokumen HTML. 
Berikut adalah contoh penggunaan tag style sheets:


<html> <head></head> <body> 
Untuk membuat jenis font (face): <h1 style="font-family:verdana">Judul Menggunakan font verdana</h1> <p style="font-family:tahoma">Konten menggunakan font tahoma</p> 
Untuk membuat ukuran (size): <h1 style="font-size:150%">Judul dengan ukuran 150%</h1> <p style="font-size:80%">Konten dengan ukuran 80%</p> 
Untuk membuat warna font (color): <h1 style="color:blue">Judul dengan warna Biru</h1> <p style="color:red">Konten dengan warna merah</p> 
Contoh komplit untuk membuat jenis font (face),size dan color: <p style="font-family:verdana;font-size:80%;color:green"> Ini adalah contoh tulisan pengaturan font dengan<i>Cassading Style Sheets</i> (CSS) yang<br> menggunakan tag HTML elemen <b>style:</b> font-family, font-size dan color...</p>  </body>  </html>
Okey sekian ,semoga bermanfaat yaw 

0 Comments

Poskan Komentar

Emerald