Formating Halaman (Background) HTML

Tampilan latar belakang menjadi salah satu yang menentukan untuk mempengaruhi menarik dan tidaknya sebuah halaman web untuk dilihat. Latar belakang / background yang digunakan dapat berupa pemberian warna atau menyisipkan gambar sebagai background.

Perintah (tag) HTML untuk memberi latar belakang, yang digunakan biasanya diletakkan di bagian elemen BODY :

Memberi latar belakang warna : <BODY BGCOLOR=”NAMA_WARNA”>
atau
Memberi latar belakang gambar : <BODY BACKGROUND=”FILE_GAMBAR”>

Memberi Latar Belakang Warna
Contoh perintah (tag) HTML yang digunakan untuk membuat latar belakang dengan pemberian warna tertentu.

<HTML>
<HEAD>
<TITLE>Background berupa warna</TITLE>
</HEAD>
<BODY BGCOLOR=”YELLOW”>
*** Bagian dari BODY ***
</BODY>
</HTML>

Untuk memberi latar belakang warna, kita tambahkan atribut BGCOLOR di dalam <BODY>. Nilai BGCOLOR berupa kode heksadesimal atau  nama warna yang disediakan.

Format penulisannya :
BGCOLOR=”#rrggbb” 

atau 
BGCOLOR=”nama_warna”

Nama warna antara lain :
Olive, teal, red, blue, black, maroon, navy, gray, lime, fuchsia, white, green, purple, silver, yellow, brown dan aqua

Contoh kode warna :
Kode warna RGB    Nama warna
#000000    Hitam
#FFFFFF    Putih
#A9A9A9    Abu-abu tua
#006400    Hijau tua
#FF8C00    Oranye tua
#8B0000    Merah tua
#9400D3    Ungu tua
#D3D3D3    Abu-abu muda
#90EE90    Hijau muda

Nilai dari atribut BGCOLOR bisa berupa :
•    kumpulan angka (terdiri dari angka 1 sampai 9)
•    kumpulan huruf (terdiri dari beberapa huruf A,B,C,D,E,F)
•    kumpulan angka dan huruf (Gabungan antara huruf dan angka)


Memberi Latar Belakang Gambar
Contoh perintah (tag) HTML yang digunakan untuk membuat latar belakang dengan pemberian gambar tertentu.

Format penulisannya :
BACKGROUND=”target_gambar_yang_diinginkan”

Untuk memberi latar belakang gambar, kita tambahkan atribut BACKGROUND di dalam <BODY>. Nilai BACKGROUND berupa target gambar yang diinginkan.

<HTML>
<HEAD>
<TITLE>Background berupa gambar</TITLE>
</HEAD>
<BODY BACKGROUND=”IMAGE1.JPG”>
*** Bagian dari BODY ***
</BODY>
</HTML>

Artikel Terkait Lainnya :



No comments:

Post a Comment