Tag HTML untuk font adalah …, dengan tag ini kita bisa menentukan jenis font (face), warna (color), dan ukuran (size), untuk lebih jelasnya mari kita perhatikan contoh berikut ini:
<html>
<head></head>
<body>
Untuk membuat jenis font (face):
<h1>
<span style="font-family: Verdana;">Judul dengan font Verdana</span></h1>
<span style="font-family: Times;">Konten dengan font Times</span>
Untuk membuat ukuran (size):
<h1>
<span style="font-size: x-small;">Judul dengan size 5</span></h1>
<span style="font-size: xx-small;">Konten dengan size 3</span>
Untuk membuat warna font (color):
<h1>
<span style="color: blue;">Judul dengan warna biru</span></h1>
<span style="color: red;">Konten dengan warna merah</span>
Contoh komplit untuk membuat jenis font (face),size dan color:
<h1>
<span style="color: green; font-family: Verdana; font-size: xx-small;">Judulnya Tentang Font</span></h1>
<span style="color: #660000; font-family: Arial; font-size: xx-small;">Ini adalah contoh tulisan dengan <i>pengaturan font</i> yang menggunakan
tag HTML elemen <b>font</b> dengan atribut face, size dan color...</span>
</body>
</html>
Berikut adalah sebagai referensi bagi anda untuk memanipulasi atribut face, color dan size:
Atribut
face="Jenis font yang digunakan", contoh: face="Tahoma"
size="Ukuran dari font (1-7)", contoh: size="3"
size="Memperbesar ukuran font", contoh: size="+1"
size="Memperkecil ukuran font", contoh: size="-1"
color="Warna dari font", contoh: color="blue"
color="Warna dari font", contoh: color="#FF0000"
Sesuai dengan recomendasi dari World Web Consortium (W3C), Untuk HTML 4.0 keatas, tag tidak dipergunakan lagi, sebagai gantinya dibuat tag
<html>
<head></head>
<body>
Untuk membuat jenis font (face):
<h1 style="font-family:verdana">Judul Menggunakan font verdana</h1>
<p style="font-family:tahoma">Konten menggunakan font tahoma</p>
Untuk membuat ukuran (size):
<h1 style="font-size:150%">Judul dengan ukuran 150%</h1>
<p style="font-size:80%">Konten dengan ukuran 80%</p>
Untuk membuat warna font (color):
<h1 style="color:blue">Judul dengan warna Biru</h1>
<p style="color:red">Konten dengan warna merah</p>
Contoh komplit untuk membuat jenis font (face),size dan color:
<p style="font-family:verdana;font-size:80%;color:green">
Ini adalah contoh tulisan pengaturan font dengan <i>Cassading Style Sheets</i> (CSS) yang<br>
menggunakan tag HTML elemen <b>style:</b> font-family, font-size dan color...</p>
</body>
</html>
Untuk mengetahui lebih lanjut tentang CSS, nanti akan dibuat tutorial khusus untuk membahas hal ini.
Tidak ada komentar:
Posting Komentar