Page 310 - SK tingkatan 5
P. 310
Output:
Rajah 3.3.45 Contoh HTML, CSS dan Output (Internal Style Sheet – <body>)
Gaya dalam barisan (Inline Style)
Gaya dalam barisan bermaksud tag gaya akan ditulis pada bahagian/elemen tag. Contohnya, terdapat
“<h1>”, iaitu kepala (heading) bagi sesuatu tajuk dalam suatu laman web dan warna “<h1>” ingin
ditukar kepada warna biru. Oleh sebab itu, tag gaya perlu ditulis dalam tag “<h1>” seperti yang
ditunjukkan dalam Contoh 5.
CONTOH 5
Contoh 5 menunjukkan CSS bagi gaya dalam barisan dalam HTML (Inline
Style). Atur cara HTML, CSS dan output ditunjukkan dalam Rajah 3.3.46.
<html>
Uji Minda <head>
<title>Penggunaan CSS (Inline Style)</title>
</head>
Berdasarkan tiga gaya
untuk meletakkan <body>
CSS, senaraikan <h1 style = "color: blue;" >Laman Web Sekolah</h1>
perbezaan yang dapat </body>
anda kenal pasti. </html>
Output:
Tahukah
Anda
Warna dalam CSS
boleh dinyatakan
dengan kaedah yang
berikut:
• Warna Hexadecimal
• Warna RGB Rajah 3.3.46 Contoh HTML, CSS dan Output (Inline Style)
• Warna RGBA
• Warna HSL
• Warna HSLA Sekiranya terdapat ketiga-tiga gaya sekali di dalam suatu HTML, gaya
• Warna yang
ditetapkan dalam barisan akan dilaksanakan dahulu berbanding dengan helaian gaya
luar dan helaian gaya dalaman.
302 Sains Komputer Tingkatan 5
