Mengganti Background di HTML

Dengan menggunakan background (Latar Belakang) maka website kita akan nampak semakin menarik. Nah untuk memasukkan background kita bisa menggunakan pilihan warna maupun grafik (gambar).


Pertama kita mulai dengan yang warna.

untuk warna kita bisa menggunakan bisa menggunakan Kode hexadecimal, Nilai RGB atau Nama dari warna tersebut.
misal : 
<body bgcolor="#FFFF00">
<body bgcolor="rgb(250,250,0)"> 
<body bgcolor="yellow">
contoh :
<html>
<head></head>
<body bgcolor="yellow">
<p>Hi saat ini saya sedang mencoba membuat background warna di html</p>
<p>Kalau anda kurang suka dengan warnanya... ganti aja deh... kode warnanya... </p>
</body>
</html>
Selanjutnya kita mulai dengan yg menggunakan gambar / grafik.

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: backgroundweb.jpg
contoh :
<html>
<head></head>
<body background="backgroundweb.png">
<p>Hi saat ini saya sedang mencoba membuat background bergambar di html</p>
<p>Kalau anda kurang suka dengan warnanya... ganti aja deh... gambarnya... </p>
</body>
</html>
jika ingin menggunakan gambar yang tersedia di internet kita mengganti alamat urlnya
contoh :
<html>
<head></head>
<body background="https://littlecloudcuriosity.files.wordpress.com/2014/10/shigatsu-wa-kimi-no-uso-episode-1-48.jpg">
<p>Hi saat ini saya sedang mencoba membuat background bergambar di html</p>
<p>Kalau anda kurang suka dengan warnanya... ganti aja deh... gambarnya... </p><h2>Shinkun21</h2>
</body>
</html>
hasil :

Sekian dari saya, Selamat untuk mencoba kawan
Labels: ,

Post a Comment

[blogger][disqus][facebook]

Author Name

Contact Form

Name

Email *

Message *

Powered by Blogger.