Page 318 - SK tingkatan 5
P. 318
• Menambah imej atau gambar sebagai latar belakang
aplikasi
Harian Sintaks yang berikut akan menukar latar belakang dokumen HTML
Anda boleh melayari dengan menambah imej atau gambar sebagai latar belakang.
goo.gl/27ZdNDM Secara lalai (by default ), gambar akan diulang sehingga memenuhi
untuk cuba menukar
warna latar belakang keseluruhan dokumen HTML. Gambar boleh disimpan di tempat yang
dokumen hTML. sama atau tempat yang berlainan dengan dokumen HTML. Gambar juga
boleh diperoleh dengan memanggil pautan kepada gambar tersebut.
body
{
background-image: url(“gambar.jpg”);
}
CONTOH 13
Contoh 13 menunjukkan latar belakang dokumen HTML (laman web) boleh diwakili oleh suatu imej. Imej
yang dijadikan latar belakang tersebut diperoleh daripada fail “gambar.jpg” yang telah disimpan. Atur cara
HTML, CSS dan output ditunjukkan dalam Rajah 3.3.54.
<html>
<head>
<title>Latar belakang Imej</title>
<style>
body
{
background-image: url(“gambar.jpg”); 2
}
</style>
</head>
<body>
<h1>Laman Web Sekolah</h1> 1
</body>
</html>
Output:
Rajah 3.3.54 Contoh HTML, CSS dan Output (imej yang disimpan di tempat yang sama sebagai latar belakang)
Penerangan:
1 Terdapat heading <h1> dalam laman web.
2 Imej yang disimpan di tempat yang sama dengan dokumen HTML, iaitu "gambar. jpg" telah menjadi
latar belakang laman web.
310 Sains Komputer Tingkatan 5
