Font Dalam HTML

Mengatur Attribut Font Dalam HTML

Setelah sebelumnya saya memberikan tutorial mengenai Physical Style dalam HTML, kali ini saya akan memberikan tutorial HTML lainnya, yaitu mengatur atribut font dalam HTML. Dengan adanya atribut ini kalian dapat mengatur font dalam tampilan web kalian misalnya untuk menentukan ukuran font, warna, dan jenis font.
Pertama, untuk menentukan ukuran font, tag yang kita gunakan adalah sebagai berikut:


<font size=1>ukuran font 1</font>
<font size=2>ukuran font 2</font>
<font size=3>ukuran font 3</font>
<font size=4>ukuran font 4</font>
<font size=5>ukuran font 5</font>
<font size=6>ukuran font 6</font>
<font size=7>ukuran font 7</font>




Semakin besar nilai ukuran font, semakin besar size font. Nilai maksimalnya adalah 7. Setelah kalian bisa mengatur ukuran font, kali ini kita akan mengatur warna dalam font itu sendiri. Sintaknya sebagai berikut:

<font color =”red”>teks berwarna merah</font>

Nah untuk mengganti warna font, kalian dapat mengganti kode berwarna merah dengan beberapa pilihan warna lainnya, seperti blue, black, gray, green, maroon, purple, silver, dan masih banyak lagi. Satu lagi, untuk mengatur warna font, kalian juga dapat menggunakan kode warna dalam HTML, misalkan:

<font color =”#ff0000”>teks berwarna merah</font>

Ingatlah, jika kalian ingin menggunakan kode warna HTML, kalian harus menuliskan tanda pagar ( # ) sebelum kode warna HTML. FF0000 adalah kode HTML berwarna merah.
Selanjutnya kita akan mengatur jenis font, untuk mengatur jenis font ini, perintahnya adalah sebagai berikut:


<Font face=”arial”>Font jenis Arial</font>
<Font face=”Trebuchet MS”> Jenis Font Trebuchet MS</font>


Terakhir, kalian dapat menggunakan semua atribut tersebut bersamaan, misalnya:


<font size=”4” color=”maroon” face=”arial”>Gabungan beberapa atribut
pada suatu font</font>


Mengenai penampatannya, kalian dapat mengaturnya sesuka hati kalian. Misalkan jika kalian ingin menempatkan atribut color lebih awal sebelum atribut size, itu bisa dilakukan.
*Semoga Bermanfaat*
comments powered by Disqus