Background
HTML
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:
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>
Preview
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:
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">
Hasilnya akan sama. Ikuti link
berikut ini untuk mengetahui Kode
Hexadecimal dan Nilai RGB dari suatu warna, tapi maaf untuk nama
warnanya cari sendiri aja deh…
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>
Tidak ada komentar:
Posting Komentar