Dengan menggunakan latarbelakang (background) maka website kita akan nampak semakin menarik. Untuk memasukkan latar belakang kita boleh menggunakan pilihan warna dan grafik (gambar).
Sekarang kita mulakan dengan menggunakan pilihan warna:-
<html>
<head></head>
<body bgcolor="#FF99FF">
<p>Hai.. sekarang saya tengah belajar untul menggunakan background warna</p>
<p>Kalau anda kurang suka dengan warnanya... ganti dengan yang baru warnanya</p>
</body>
</html>
Untuk nilai dari sifat-sifat bgcolor diatas anda boleh menggunakan kod hexadecimal, Nilai RGB atau Nama dari warna tersebut.
Cuba anda ganti nilai dari sifat-sifat bgcolor dengan contoh dibawah ini:
<body bgcolor="#FFFF00">
<body bgcolor="rgb(250,250,0)">
<body bgcolor="yellow">
<body bgcolor="rgb(250,250,0)">
<body bgcolor="yellow">
Hasilnya akan sama. Untuk mengetahui kod Hexadecimal dan Nilai RGB dari suatu warna.
Seterusnya membuat latar belakang dengan grafik atau gambar.
Pertama anda harus punya gambar yang ber-extention .gif atau .jpg yang akan dijadikan background, masukkan (copy) gambar tersebut ke folder tempat fail dokumen HTML anda berada, dan harus tahu nama dan perluasan (extention) dari file tersebut, misalnya nama failnya adalah: background.jpg.
<html>
<head></head>
<body background="background.jpg">
<font color="blue"><h1 color="red">Selamat datang di Websiteku</h1></font><hr color="#ff0000" size="2">
<p><font face="Verdana" size="4" color="black">Hai.. Saat ini saya sedang belajar membuat latar belakang dengan gambar,<br>
Biar bagaimanapun anda diwajibkan harus menyukainya...</font></p>
</body>
</html>
Kemudian latar belakang boleh juga menggunakan gambar yang ada di website orang lain, tapi dengan catatan anda harus sedang bersambung ke internet (online) dan harus tahu alamat url dari gambar tersebut di internet. Untuk mengetahui alamat suatu gambar klik kanan gambar tersebut kemudian pilih properties dan lihat image location, copy alamat tersebut dan ganti kepada contoh dibawah ini bermula dari http:
<html>
<head></head>
<body background="http://i185.photobucket.com/albums/x272/akomara/HeaderLagi.jpg">
<p>Hai.. Saat ini saya sedang belajar membuat latarbelakang dengan menggunakan gambar dari website orang lain! hua ha..ha..ha..</p>
<p>Mudah-mudahan yang punya website ngamuk sekalian deh...siapa takut!!</p>
</body>
</html>
<html>
<head></head>
<body background="background.jpg">
<font color="blue"><h1 color="red">Selamat datang di Websiteku</h1></font><hr color="#ff0000" size="2">
<p><font face="Verdana" size="4" color="black">Hai.. Saat ini saya sedang belajar membuat latar belakang dengan gambar,<br>
Biar bagaimanapun anda diwajibkan harus menyukainya...</font></p>
</body>
</html>
Kemudian latar belakang boleh juga menggunakan gambar yang ada di website orang lain, tapi dengan catatan anda harus sedang bersambung ke internet (online) dan harus tahu alamat url dari gambar tersebut di internet. Untuk mengetahui alamat suatu gambar klik kanan gambar tersebut kemudian pilih properties dan lihat image location, copy alamat tersebut dan ganti kepada contoh dibawah ini bermula dari http:
<html>
<head></head>
<body background="http://i185.photobucket.com/albums/x272/akomara/HeaderLagi.jpg">
<p>Hai.. Saat ini saya sedang belajar membuat latarbelakang dengan menggunakan gambar dari website orang lain! hua ha..ha..ha..</p>
<p>Mudah-mudahan yang punya website ngamuk sekalian deh...siapa takut!!</p>
</body>
</html>
No comments:
Post a Comment