Page 311 - SK tingkatan 5
P. 311
Membina Laman Web HTML yang Mengandungi CSS untuk
Memberikan Gaya kepada Text
Terdapat beberapa gaya bagi teks dalam CSS bagi suatu laman web.
Antara gaya tersebut ialah:
• Warna teks (colour)
Sintaks yang berikut akan menukar warna teks bagi heading <h1> kepada warna biru.
h1
{
color: blue;
}
CONTOH 6
Contoh 6 menunjukkan pertukaran warna teks bagi <h1> kepada warna merah. Atur cara HTML, CSS dan
output ditunjukkan dalam Rajah 3.3.47.
<html>
<head>
<title>Tukar Warna Teks</title>
<style>
h1
{
color: red; 2
}
</style>
</head>
<body>
<h1>Laman Web Sekolah</h1> 1
</body>
</html>
Output:
Rajah 3.3.47 Contoh HTML, CSS dan Output (menukar warna teks)
Penerangan:
1 Terdapat heading <h1> pada laman web.
2 Penetapan CSS color:red menjadikan warna teks <h1> menjadi warna merah.
BAB 3 Pengaturcaraan Berasaskan Web 303
