Rabu, 28 Maret 2012

Menggunakan Backgorund pada HTML

Kali ini, kita akan memasang background pada dokumen HTML kita. Background dalam HTML bisa berupa image maupun Solid Color. Sesuai keinginan saja. Biasanya, tag background merupakan bagian dari body, berikut akan dijelaskan tentang TAG-TAG itu.

Menggunakan Background Image:
Tag menampilkan backgroun adalah 

<body background="link_file">....</body>
sekali lagi, tag ini berada dalam tag BODY, jadi TAG dalam TAG. Tenang kamu akan menemukan banyak hal semacam ini nantinya. Browser tidak akan mengubah ukuran image yang digunakan sebagai background, jadi kalau ukuran image adalah 2048x1536, ya akan ditampilkan sebesar itu (sebagian image tidak akan tampil di layar). Jika image terlalu kecil, maka browser akan menggandakan background menjadi banyak.

sekali lagi, tag ini berada dalam tag BODY, jadi TAG dalam TAG. Tenang kamu akan menemukan banyak hal semacam ini nantinya. Browser tidak akan mengubah ukuran image yang digunakan sebagai background, jadi kalau ukuran image adalah 2048x1536, ya akan ditampilkan sebesar itu (sebagian image tidak akan tampil di layar). Jika image terlalu kecil, maka browser akan menggandakan background menjadi banyak.

Image background terlalu besar

Lihat khan ada bagian yang terpotong, coba bandingkan dengan image yang asli :

Image background terlalu kecil 

Gambar digandakan hingga memenuhi seluruh halaman secara otomatis oleh browser.

Untuk background, dapat digunakan berbagai macam format gambar yang umum dipakai, *.jpg, *.gif, *.png, *.jpeg, dan lain sebagainya.

Script untuk Background-background diatas

<body background="img0.jpg" width="200"></body> 


<body background="playboy.PNG" width="200"></body>

<body background="animasi.gif" width="200"></body> 


Menggunakan Background Color:
Dalam dunia per-HTML-an, sistem pewarnaan ada dua cara yang umum digunakan, yaitu Hexadesimal dan menggunakan nama dari warna itu sendiri. Tag untuk Background warna:

<body bgcolor="warna">....</body>





Menggunakan Hexadesimal
Sesuai namanya (hexadesimal), jumlah desimal(karakter) yang digunakan ada enam , sebagai contoh warna biru aqua adalah: #00ffff. Tanda # menunjukkan karakter sesudahnya adalah hexadesimal. Untuk mengetahui berbagai warna dalam hexadesimal, akan dijelaskan pada post mendatang.


Contoh menggunakan Hexadesimal

<body bgcolor="#00ffff">Halo! Salam damai!</body>

Menggunakan nama warna
 

Dengan cara ini akan lebih mudah dalam memberikan warna pada dokumen HTML. Asal hafal namanya dalam bahasa Inggris saja. Tag untuk cara ini sama dengan pada Hexadesimal, bedanya Hexadesimal digantikan dengan nama Inggris warna yang dikehendaki.



Contoh menggunakan Nama Warna

<body bgcolor="aqua">Halo! Salam damai!</body>



Oke, mudah khan??? sampai jumpa di post selanjutnya.




0 komentar:

Posting Komentar

Silahkan Beri Komentar... ^^