Page 320 - SK tingkatan 5
P. 320
Sintaks yang berikut pula akan memuatkan gambar atau imej yang terdapat dalam sumber Internet
dengan mengambil pautan gambar tersebut.
(Contoh: https://newevolutiondesigns.com/images/freebies/white-wallpaper-18.jpg )
body
{
background-image: url (“https://newevolutiondesigns.com/images/freebies/
white-wallpaper-18.jpg”);
}
CONTOH 15
Contoh 15 menunjukkan latar belakang dokumen HTML (laman web) boleh diwakili oleh suatu imej
yang diperoleh daripada fail dalam sumber Internet seperti pada "http://allfreedesigns.com/
wp-content/uploads/2014/08/tech-background-6.jpg". Atur cara HTML, CSS dan output
ditunjukkan dalam Rajah 3.3.56.
<html>
<head>
<title>Latar Belakang Imej</title>
<style>
body
{
background-image: url(“http://allfreedesigns.com/
wp-content/uploads/2014/08/tech-background-6.jpg”); 2
}
</style>
</head>
<body>
<h1>Laman Web Sekolah</h1> 1
</body>
</html>
Output:
Rajah 3.3.56 Contoh HTML, CSS dan Output (imej daripada sumber Internet sebagai latar belakang)
Penerangan:
1 Terdapat heading <h1>.
2 Imej daripada sumber Internet, iaitu daripada "http://allfreedesigns.com/wp-content/
uploads/2014/08/tech-background-6.jpg" menjadi latar belakang laman web.
312 Sains Komputer Tingkatan 5
