Dengan menggunakan latar belakang (background) maka website kita akan nampak semakin menarik. Untuk memasukkan latar belakang kita bisa menggunakan pilihan warna maupun grafik (gambar).
Sekarang kita mulai dengan menggunakan pilihan warna:
<html>
<head></head>
<body bgcolor="#FF99FF">
<p>Hai.. Saat ini saya sedang belajar membuat latar belakang dengan warna</p>
<p>Kalau anda kurang suka dengan warnanya... ganti aja deh... kode warnanya... </p>
</body>
</html> Untuk nilai dari atribut bgcolor diatas anda bisa menggunakan Kode hexadecimal, Nilai RGB atau Nama dari warna tersebut.
Coba anda ganti nilai dari atribut bgcolor dengan contoh dibawah ini:
<body bgcolor="#FFFF00">
<body bgcolor="rgb(250,250,0)">
<body bgcolor="yellow"> Selanjutnya membuat latar belakang dengan grafik atau gambar.
Pertama anda harus punya gambar yang ber-extention .gif, .jpg atau .png yang akan dijadikan background, masukkan (copy) gambar tersebut ke folder tempat file dokumen HTML anda berada, dan harus tahu nama dan perluasan (extention) dari file tersebut, misalkan nama filenya 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 dapat juga menggunakan gambar yang ada di website orang lain, tapi dengan catatan anda harus sedang terhubung 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 ke contoh dibawah ini diawali dari http:
<html>
<head></head>
<body background="http://i52.tinypic.com/nmm2cz.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>
Mantap gan caranya! :-D
BalasHapusnitip, Download Aplikasi Dan Game Terbaru
kalau biar mau 1 gambar full gimana ?
BalasHapusMantap gan sangat bermanfaat trus update
BalasHapusjangan lupa mampir di My blog
Nice gan . Ini mudah di mengerti
BalasHapusthaks infonya bang bloger
BalasHapusgimana cara ngasih efek di kursornya
BalasHapusgimana ngasih efek di kursornya bang?
BalasHapusgan kalo mau nambahin background di menu list ketika di klik gimana ya ?
BalasHapusKomentar ini telah dihapus oleh pengarang.
BalasHapustutorial yg sangat membantu
BalasHapusMy
blog
tutorial yg sangat membantu
BalasHapusMY BLOG
bang cara nya bikin kusor nya sama seperti abang gimna
BalasHapuskenapa yah blog gratis gag bisa memunculkan kolom komentar seperti web berbayar
BalasHapusmakasih mudah dipahami tutor nya
BalasHapuskereeeen banget kaka itu pake apa ka backgroundnya pada kursornya saat digerakkan muncul bintik merah kecil kayak bintang ka baguus bangeet ka, kasih tau ka caranya. sebelumnya thanks ya ka buat artikelnya sangat membantu.
BalasHapusoiyaa jangan lupa mampir ka ke website saya
https://lusianaselviani.mahasiswa .atmaluhur.ac.id
Dan website kampus saya http://www.atmaluhur.ac.id
Kalau bikin sebuah website tuh tolong dong jangan ngelink ke website yang lain. Contohnya "koleksi one piece" apa"an tuh?? hanya sebuah website jualan online. Saya menilai website ini 78. Kunjungi website saya jika mau, lebih bagus dan akurat. Nih linknya "liputan02.blogspot.com
BalasHapusMakasiiih
BalasHapus