Tag Font dan Atributnya

FONT adalah tag HTML yang paling menarik untuk digunakan, karena dengan tag ini kamu dapat mengatur tampilan dari tulisan kamu. Kamu dapat mengatur warna, ukuran, bahkan hingga jenis huruf yang kamu ingin gunakan.
Contoh :

 

<font color=�#222222� size="5"> KlikBelajar.com</font>  

<font color=�#222222� size="5"> KlikBelajar.com</font>

Tag diatas akan menghasilkan tulisan dengan warna merah (lihat kode warna) dengan ukuran 5 seperti pada gambar dibawah

SIZE

Size adalah atribut yang digunakan untuk mengatur ukuran dari suatu tulisan.
Contoh :

 

<font size="1"> KlikBelajar.com</font><br />  
<font size="2"> KlikBelajar.com</font><br />  
<font size="3"> KlikBelajar.com</font><br />  
<font size="4"> KlikBelajar.com</font><br />  
<font size="5"> KlikBelajar.com</font><br />  
<font size="6"> KlikBelajar.com</font><br />  
<font size="7"> KlikBelajar.com</font><br />  

 

<font size="1"> KlikBelajar.com</font><br />
<font size="2"> KlikBelajar.com</font><br />
<font size="3"> KlikBelajar.com</font><br />
<font size="4"> KlikBelajar.com</font><br />
<font size="5"> KlikBelajar.com</font><br />
<font size="6"> KlikBelajar.com</font><br />
<font size="7"> KlikBelajar.com</font><br />

Hasilnya,
KlikBelajar.com
KlikBelajar.com
KlikBelajar.com
KlikBelajar.com
KlikBelajar.com
KlikBelajar.com
KlikBelajar.com
Kalian dapat mencoba atribut tersebut pada papan tulis yang disediakan di bawah halaman ini.

COLOR

COLOR adalah atribut dari tag FONT yang berguna untuk mengatur warna dari tulisan.
Contoh :

 

<font color="#FF0000"> KlikBelajar.com</font><br />  
<font color="#FF6600"> KlikBelajar.com</font><br />  
<font color="#FFFF00"> KlikBelajar.com</font><br />  
<font color="#00FF00"> KlikBelajar.com</font><br />  
<font color="#0000FF"> KlikBelajar.com</font><br />  
<font color="#990099"> KlikBelajar.com</font><br />  
<font color="#FF00FF"> KlikBelajar.com</font><br />  

 

<font color="#FF0000"> KlikBelajar.com</font><br />
<font color="#FF6600"> KlikBelajar.com</font><br />
<font color="#FFFF00"> KlikBelajar.com</font><br />
<font color="#00FF00"> KlikBelajar.com</font><br />
<font color="#0000FF"> KlikBelajar.com</font><br />
<font color="#990099"> KlikBelajar.com</font><br />
<font color="#FF00FF"> KlikBelajar.com</font><br />

Hasilnya,
KlikBelajar.com
KlikBelajar.com
KlikBelajar.com
KlikBelajar.com
KlikBelajar.com
KlikBelajar.com
KlikBelajar.com
Kalian dapat mencoba atribut tersebut pada papan tulis yang disediakan di bawah halaman ini.

FACE

FACE adalah atribut yang digunakan untuk mengatur jenis huruf dari tulisan. Jenis huruf yang tampil disesuaikan dengan jenis huruf yang terdapat pada komputer pengguna. Jadi apabila kamu ingin menggunakan jenis huruf "Arial" untuk tulisan kamu, lalu pengguna yang melihat tampilan website kamu tidak memiliki jenis huruf tersebut, maka jenis huruf yang ditampilkan pada komputer pengguna akan diambil dari jenis huruf lain yang tersedia pada komputer pengguna.
Contoh :

 

<font face="Verdana"> KlikBelajar.com</font><br />  
<font face="Georgia"> KlikBelajar.com</font><br />  
<font face="Arial"> KlikBelajar.com</font><br />  

 

<font face="Verdana"> KlikBelajar.com</font><br />
<font face="Georgia"> KlikBelajar.com</font><br />
<font face="Arial"> KlikBelajar.com</font><br />

Hasilnya akan terlihat sebagai berikut,
KlikBelajar.com
KlikBelajar.com
KlikBelajar.com
Perhatikan jenis huruf yang digunakan pada tulisan diatas, terlihat perbedaan pada pemilihan jenis huruf dari tulisan tersebut. Kamu juga dapat menggunakan beberapa pilihan jenis huruf secara sekaligus, seperti contoh berikut :

 

<font face="Arial, Helvetica, sans-serif"> KlikBelajar.com</font>

   

<font face="Arial, Helvetica, sans-serif"> KlikBelajar.com</font>

Hal ini dimaksudkan untuk menjadi pilihan alternatif apabila jenis huruf yang kita inginkan ternyata tidak terdapat pada komputer pengguna. Sehingga apabila, jenis huruf "Arial" tidak terdapat pada komputer pengguna, maka selanjutnya akan ditampilkan alternatif lain yaitu "Helvetica", dan selanjutnya.