Variasi Font
Tanpa
campur tangan kita, dokumen HTML menggunakan font default dari Windows (Sistem
Operasi Komputer) atau browser (Internet Explorer), biasanya Times New Roman dengan ukuran 12 point. Kita bisa mengubah jenis,
warna dan ukuran font sesuai dengan selera kita menggunakan tag <FONT> diikut dengan
atribut-atributnya. Misalnya untuk mengubah jenis font kita gunakan atribut FACE:
<HTML><BODY>
Ini adalah font <FONT
FACE="Arial">Arial</FONT>, ini adalah font <FONT
FACE="Verdana">Verdana</FONT>,
dan ini adalah font <FONT
FACE="Impact">Impact</FONT> </HTML></BODY>
Bila
dilihat dalam browser, akan tampak seperti ini:
Ini adalah
font Arial, ini
adalah font Verdana, dan ini adalah font Impact Untuk mengubah ukuran font, gunakan atribut SIZE:
<HTML><BODY>
<FONT SIZE="1">Font Size
1</FONT>, <FONT SIZE="2">Font Size 2</FONT>,
<FONT SIZE="3">Font Size
3</FONT>, <FONT SIZE="4">Font Size 4</FONT>,
<FONT SIZE="5">Font Size
5</FONT>, <FONT SIZE="6">Font Size 6</FONT>,
<FONT
SIZE="7">Font Size 7</FONT> </HTML></BODY>
Bila
dilihat dalam browser, akan tampak seperti ini:
Font Size 1, Font Size 2, Font Size 3, Font Size
4,
Font
Size 5, Font Size 6,
Font Size 7
Sedangkan
untuk mengubah warna tulisan, menggunakan atribut COLOR:
<HTML><BODY>
<FONT
COLOR="blue">Tulisan warna biru</FONT>, <FONT
COLOR="red">Tulisan warna merah</FONT>, <FONT
COLOR="yellow">Tulisan warna kuning</FONT> </HTML></BODY>
Bila
dilihat dalam browser, akan tampak seperti ini:
Tulisan warna biru, Tulisan
warna merah, Tulisan warna kuning
Dalam
satu tag FONT kita bisa menggabungkan lebih dari satu atribut. Perhatikan
contoh berikut:
Diktat Web Dasar 18
<HTML><BODY>
<FONT FACE="Arial"
SIZE="2">Font Arial ukuran 2</FONT>, <FONT
FACE="Verdana"
COLOR="red">Font Verdana warna merah</FONT>, <FONT
FACE="Impact SIZE="5"
COLOR="blue">Font Impact ukuran 5 warna biru</FONT> </HTML></BODY>
Bila
dilihat dalam browser, akan tampak seperti ini:
Font Arial ukuran 2, Font Verdana warna merah, Font
Impact ukuran 5 warna biru
Untuk
mengubah font default untuk satu halaman HTML, digunakan tag <BASEFONT>
yang ditempatkan diantara tag <HEAD> dan </HEAD>. Contoh:
<HTML>
<HEAD>
<BASEFONT FACE="arial"
SIZE="10" COLOR="blue">
</HEAD>
<BODY>
Font default untuk semua
tulisan pada halaman ini adalah font arial dengan ukuran 10 dan warna biru. </HTML></BODY>
Cobalah
buat dalam sebuah file HTML kemudian lihat hasilnya dalam browser!
SUBSCRIPT DAN SUPERSCRIPT
Subscript
adalah tulisan yang agak kecil dan letaknya agak di bawah sedangkan superscript
adalah tulisan yang agak kecil dan letaknya agak di atas. Untuk menulis
subscript kita gunakan tag <SUB> sedang untuk menulis superscript kita
gunakan tag <SUP>. Inilah contohnya:
<HTML><BODY>
Tulisan Normal<SUB>Tulisan
Subscript</SUB>
<P>Tulisan
Normal<SUP>Tulisan Superscript</SUP> </HTML></BODY>
Beginilah
hasilnya dalam browser:
Tulisan NormalTulisan Subscript
Tulisan NormalTulisan
Superscript
Bagusnya,
anda berlatih sedikit. Coba buat tulisan berikut:
Rumus kimia Asam Sulfat adalah H2SO4
Luas kolam 150 m2 sedang volume kolam 300 m3
Diktat Web Dasar 19
Tidak ada komentar:
Posting Komentar