Saturday, October 3, 2015

ATRIBUT FONT FACE, ATRIBUT FONT SIZE, ATRIBUT FONT COLOR, TAG BASEFONT dalam penulisan HTML

ATRIBUT FONT FACE

Atribut FACE digunakan untuk bermacam-macam font pada halaman web.

Contoh :

<html>
<head>
<title>Format Teks</title>
</head>
<body bgcolor=lightgrey>
<h1>Pemakaian Font</h1>
<h2> <font face="Times New Roman"> Font Times New Roman</font><br>
<font face="Arial black"> Font Arial Black</font><br>
<font face="Bazooka"> Font Bazooka</font><br>
<font face="Arial Narrow"> Font Arial Narrow</font><br>
</h2> </body> </html>

ATRIBUT FONT SIZE

Untuk menentukan ukuran suatu teks, elemen FONT menyediakan atribut dengan nilai 1 sampai 7. Nilai 1 digunakan untuk membuat teks ukuran terkecil, standar teks pada halaman web adalah nilai 3. Ukuran font teks dapat ditentukan secara relatif berdasarkan ukuran default, yaitu dengan mendahului ukuran font dengan tanda + atau -. Contoh : font ukuran 4 bisa ditulis Size=+1.

Contoh :

<html>
<head>
<title>Font Size</title>
</head>
<body bgcolor=lightgrey>
<h1>Ukuran Font</h1>
<h2> <font size=1> Size 1</font><br>
<font size=-1> Size 2</font><br>
<font size=3> Size 3</font><br>
<font size=4> Size 4</font><br>
<font size=+2> Size 5</font><br>
<font size=6> Size 6</font><br>
<font size=+4> Size 7</font><br>
</h2> </body> </html>

ATRIBUT FONT COLOR

Atribut ini digunakan untuk memberi warna pada font. Atribut Color menerima nilai RGB suatu warna atau nama warna

Contoh :

<html>
<head>
<title>Font Size</title>
</head>
<body bgcolor=lightgrey>
<h1>Warna Font</h1>
<h2>
<font size=4 COLOR="#FF0000"> Teks berwarna merah</font><br>
<font size=5 COLOR="GREEN"> Teks Berwarna Hijau</font><br>
</h2>
</body>
</html>

TAG <BASEFONT>

Ukuran default bisa diubah dengan menggunakan tag <BASEFONT>. Misalnya ingin ukuran standard untuk halaman web adalah 4, maka kode HTML yang digunakan adalah : <BASEFONT SIZE=4>.
Jika tag akhir </BASEFONT> digunakan maka ukuran default baru hanya berlaku pada teks-teks yang berada di antara tag :

<BASEFONT SIZE=X>…</BASEFONT>

Contoh :

<html>
<head>
<title>BASEFONT</title>
</head>
<body bgcolor=lightgrey>
<h1>Tag BASEFONT</h1>
<h2>Teks ini sebelum tag BASEFONT digunakan</h2><br>
<BASEFONT SIZE=6 FACE="GEORGIA">
Teks ini setelah tag BASEFONT digunakan <br>
Ukuran relatif berubah sesuai BASEFONT
<FONT SIZE=-3>Size</FONT><BR>
</body>
</html>



No comments:

Post a Comment