Page 307 - SK tingkatan 5
P. 307
CONTOH 1
Contoh 1 menunjukkan perbezaan dalam pemaparan teks "Laman Web Sekolah", iaitu gaya warna teks
ingin ditukarkan menjadi warna biru.
Contoh tanpa CSS dalam HTML Contoh CSS dalam HTML
<html> <html>
<head> <head>
<title>Tanpa Penggunaan CSS</title> <title>Penggunaan CSS</title>
</head> <style>
h1
<body> {
<h1>Laman Web Sekolah</h1>
</body> color: blue; 2
</html>
}
</style>
</head>
<body>
<h1>Laman Web Sekolah</h1> 1
</body>
</html>
Output: Output:
Rajah 3.3.42 Contoh HTML dan Output (tanpa CSS dan dengan CSS).
Penerangan:
1 Teks “Laman Web Sekolah” dipaparkan sebagai "heading".
2 Teks dipaparkan mengikut gaya yang ditetapkan pada <style>, iaitu color: blue.
Cara Penulisan CSS dalam Atur Cara HTML
Terdapat tiga cara untuk menulis CSS dalam HTML, iaitu:
• Helaian gaya luar (External Style Sheet)
• Helaian gaya dalaman (Internal Style Sheet)
• Gaya dalam barisan (Inline Style)
BAB 3 Pengaturcaraan Berasaskan Web 299
