Page 314 - SK tingkatan 5
P. 314
Tahukah Membina Laman Web HTML yang
Anda Mengandungi CSS untuk Memberikan Gaya
kepada Fon (Font)
Terdapat dua jenis
nama keluarga fon, Terdapat beberapa gaya fon dalam CSS bagi suatu laman web. Antara
iaitu gaya-gaya tersebut ialah:
• Nama keluarga
“courier”, “arial” • Keluarga fon (Font family)
dan sebagainya
• Nama generik h1
“serif”, “sans-serif”, {
“cursive”, “fantasy” font-family: “Arial Black";
dan sebagainya }
Murid boleh merujuk keluarga fon yang telah “disimpan” ke dalam
komputer atau merujuk senarai fon yang terdapat dalam Microsoft Word.
CONTOH 9
Contoh 9 menunjukkan penukaran gaya fon bagi teks <h1> iaitu menukar keluarga fon (font family) kepada
"Arial Black". Atur cara HTML, CSS dan output ditunjukkan dalam Rajah 3.3.50.
<html>
<head>
<title>Keluarga Font</title>
<style>
h1
{
font-family: "Arial Black”; 2
}
</style>
</head>
<body>
<h1>Laman Web Sekolah</h1> 1
</body>
</html>
Output:
Rajah 3.3.50 Contoh HTML, CSS dan Output (font family)
Penerangan:
1 Terdapat <h1> pada lawan web.
2 Penetapan CSS font—family: "Arial Black" menjadikan jenis teks "Arial Black".
306 Sains Komputer Tingkatan 5
