Format Font HTML

Untuk mengatur ukuran, warna serta jenis font pada element HTML, digunakan tag <font>, Tag font ini saat ini sudah TIDAK LAGI direkomendasikan oleh w3C untuk digunakan dalam melakukan formating element HTML. Pada HTML4 penggunaannya sudah usang dan di tinggalkan dan di hapus pada HTML5 karena sudah ada alternatif pengganti yang lebih baik untuk tag tersebut. Untuk Tag <font> sebagai gantinya digunakan atribut style atau CSS. 
Contoh HTML dengan tag <font> :
<html>
<body>
<p>
<font size="24px" face="georgia" color="blue" >Paragraf ini memiliki ukuran 24 piksel dengan font georgia dan berwarna biru.
</font>
</p>
</body>
</html>
Seperti keterangan diatas, script tersebut sudah usang dan tidak direkomendasikan lagi, solusinya menggunakan css baik menggunakan css inline,internal maupun external, dalam 

~Untuk mengganti jenis font digunakan properti font-family.
~Untuk membuat tulisan miring digunakan properti font-style.
~Untuk membuat tulisan tebal digunakan properti font-weight.
~Untuk mengatur ukuran font digunakan properti font-size.
~Untuk membuat warna font digunakan properti color.

contoh :
<html>
<body>
<p style="font-family:arial"> Teks pada paragraf ini memakai jenis font Arial</p>
<p style="font-size:25px"> Teks pada paragraf ini berukuran 25 piksel</p>
<p style="color:blue;">Teks pada paragraf ini berwarna biru</p>
<p style="font-style:italic"> Teks pada paragraf ini berformat miring / italic</p>
<p style=”font-weight:bold”> Teks pada paragraf ini berformat tebal / bold</p>
</body>
</html>
 hasil :


Sekian dan selamat mencoba :)


Labels: , ,

Post a Comment

[blogger][disqus][facebook]

Author Name

Contact Form

Name

Email *

Message *

Powered by Blogger.