Tag Font dan Atributnya

DIPOSTING : Muhammad Akbar

0 komentar

Tag Font dan Atributnya

What's up sobat senyum. Kali ini kita membahasa tentang tag font. 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 :

1. <font color="#22222" size="5"> belajar HTML<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 :

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

Hasilnya,
belajar HTML

belajar HTML
belajar HTML
belajar HTML
belajar HTML
belajar HTML

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 :

1. <font color="#FF0000"> belajar HTML</font><br />  
2. <font color="#FF6600"> belajar HTML</font><br />  
3. <font color="#FFFF00"> belajar HTML</font><br />  
4. <font color="#00FF00"> belajar HTML</font><br />  
5. <font color="#0000FF"> belajar HTML</font><br />  
6. <font color="#990099"> belajar HTML</font><br />  
7. <font color="#FF00FF"> belajar HTML</font><br />  

Hasilnya,
belajar HTML
belajar HTML
belajar HTML
belajar HTML
belajar HTML
belajar HTML
belajar HTML

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 :

1. <font face="Verdana"> belajar HTML</font><br />  
2. <font face="Georgia"> belajar HTML</font><br />  
3. <font face="Arial"> belajar HTML</font><br />  

Hasilnya akan terlihat sebagai berikut,
belajar HTML
belajar HTML
belajar HTML

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 :

1. <font face="Arial, Helvetica, sans-serif"> belajar HTML</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.