Hal lain yang mudah dilakukan adalah dengan membuat perbedaan dalam fonta untuk berbagai elemen di halaman. Jadi marilah kita jadikan teks dengan fonta “Georgia”, kecuali untuk heading h1, yang mana akan kita beri fonta “Helvetica.”
Di Web, anda tidak pernah dapat memastikan fonta apa yang dimiliki oleh para pembaca di dalam komputer-komputer mereka, jadi kita tambahkan juga beberapa alternatif: bila Georgia tidak tersedia, Times New Roman atau Times juga merupakan pilihan yang baik, bila semua itu tidak ada, browser bisa menggunakan fonta dengan serifs. Bila Helvetica tidak ada, Geneva, Arial dan SunSans-Regular juga serupa dalam bentuk, dan bila tak ada satupun hal tersebut yang jalan, browser dapat memilih fonta lain tanpa serif.
Dalam teks editor tambahkan baris-baris berikut:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Halaman dengan style saya yang pertama</title>
<style type="text/css">
body {
font-family: Georgia, "Times New Roman",
Times, serif;
color: purple;
background-color: #d8da3d }
h1 {
font-family: Helvetica, Geneva, Arial,
SunSans-Regular, sans-serif }
</style>
</head>
<body>
[dsb.]
Jika anda menyaimpan file tersebut lagi dan menekan “Reload” di browser, seharusnya ada fonta-fonta yang berbeda untuk heading dan teks lainnya.
Sekarang teks utama telah memiliki fonta yang berbeda dari heading.
source:kliksini
0 komentar:
Posting Komentar