Anda di halaman 1dari 5

Tag Body dan Atributnya

BGCOLOR BACKGROUND TEXT LINK VLINK ALINK

BGPROPERTIES MARGIN onLoad onUnload SCROLL

Tag BODY akan menentukan tampilan html secara umum. Kalian dapat mengatur warna teks, hyperlink, background dari halaman situs dan lain-lain dengan mengatur atribut-atribut yang ada di tag BODY.

BACKGROUND
Tag ini digunakan untuk mengeset gambar untuk digunakan sebagai latar belakang pada sebuah halaman. Kita cukup menggunakan tag berikut untuk memilih sebuah gambar untuk dijadikan latar belakang. <BODY BACKGROUND="lokasi gambar">.

Misalnya, untuk menggunakan gambar berikut ini sebagai latar belakang untuk sebuah halaman.
view plaincopy to clipboardprint?

1. <BODY BACKGROUND="http://klikbelajar.com/wallpaper_klikbelajar.jpg">

Catatan : Hal terpenting adalah kita harus mengetahui lokasi dari gambar yang ingin digunakan sebagai latar belakang. Tentunya kamu harus menguploadnya terlebih dahulu di internet.

BGCOLOR
Bgcolor menentukan warna latar belakang dari halaman web. Misalnya, untuk mengatur warna latar belakang halaman agar berwarna merah, kita dapat menggunakan tag berikut :
view plaincopy to clipboardprint?

1. <BODY BGCOLOR="#222222 >

Catatan : Warna pada tag HTML dikodekan dengan kode mulai dari 00-FF dengan pola Red Green Blue. 00 00 00 untuk warna hitam, dan FF FF FF untuk warna putih.

TEXT
Tag ini berguna untuk menentukan warna standar dari teks yang ada pada halaman tersebut. Sebenarnya warna standar dari teks adalah hitam tetapi dengan tag ini kamu bisa mengubahnya sesuai dengan contoh :
view plaincopy to clipboardprint?

keinginan

kamu

menjadi

warna

apapun

juga.

1. <BODY TEXT="#000000 >

Kode di atas akan menghasilkan teks yang berwarna hitam.

LINK
Tag ini berguna untuk menentukan warna standar dari tautan (link) yang ada pada halaman tersebut sebelum di-klik. Sebenarnya warna standar dari sebuah tautan adalah biru tetapi dengan tag ini kamu bisa mengubahnya sesuai dengan keinginan kamu menjadi warna apapun juga.

contoh :
view plaincopy to clipboardprint?

1. <BODY LINK="#FFFFFF" >

Kode diatas akan menghasilkan link yang berwarna putih.

VLINK
Tag ini berguna untuk menentukan warna standar dari tautan (link) yang ada pada halaman tersebut ketika telah di-klik. Warna standar untuk Vlink (Visited Link) adalah biru tua, tetapi dengan tag ini kamu dapat contoh :
view plaincopy to clipboardprint?

mengubahnya

menjadi

warna

apapun

juga.

1. <BODY VLINK="#C0C0C0 >

Semua visited Link akan berubah warna menjadi warna abu-abu.

ALINK
Tag ini berguna untuk menentukan warna standar dari tautan (link) pada halaman tersebut ketika kursor berada diatasnya. Warna standar Alink (Active Link) tidak beda dengan warna tautan yang ditetapkan, jadi apabila warna tautan standar adalah biru maka warna Alink-nya juga biru.

contoh :
view plaincopy to clipboardprint?

1. <BODY ALINK="#b40000" >

Semua Active Link akan berubah warna menjadi warna merah tua.

BGPROPERTIES
BGPROPERTIES digunakan untuk menentukan bisa tidaknya gambar latar belakang untuk di geser. Nilai FIXED digunakan apabila gambar latar belakang tidak ingin ikut bergerak ketika digeser. Sedangkan SCROLL digunakan apabila kalian menginginkan latar belakang ikut bergerak ketika halaman digeser. Fixed :
view plaincopy to clipboardprint?

1. <BODY BACKGROUND="http://w3hol.files.wordpress.com/2009/08/transformers-the-gamebumblebee-games-widescreen-wallpapers.jpg" BGPROPERTIES=FIXED>

Scroll :
view plaincopy to clipboardprint?

1. <BODY BACKGROUND="http://w3hol.files.wordpress.com/2009/08/transformers-the-gamebumblebee-games-widescreen-wallpapers.jpg" BGPROPERTIES=FIXED>

Silahkan kalian coba pada papan tulis di bawah.

MARGIN
TOPMARGIN dan LEFTMARGIN digunakan untuk menentukan jarak atas dan tepian pada halaman. Tag ini akan terbaca pada browser Internet Explorer, sedangkan untuk browser Netscape tag yang digunakan adalah MARGINHEIGHT dan MARGINWIDTH. Kamu dapat menuliskan kedua tag ini secara bersamasama seperti pada contoh dibawah ini :
view plaincopy to clipboardprint?

1. <BODY TOPMARGIN=10 LEFTMARGIN=10 MARGINHEIGHT=10 MARGINWIDTH=10>

Pada contoh diatas, kita menentukan batas atas = 10 (berjarak 10 pixel dari tepi atas halaman) dan batas samping = 10.

onLoad
Tag onLoad digunakan untuk menjalankan suatu perintah ketika suatu halaman html dibuka. Perhatikan contoh di bawah :
view plaincopy to clipboardprint?

1. 2. 3. 4. 5. 6. 7. 8. 9.

<html> <head> <title>Body onLoad : Klikbelajar.com</title> </head> <body onload="alert('All You can Learn')"> Pada halaman ini kamu akan melihat bagaimana tag onload dapat digunakan untuk menampilkan popup window. </body> </html>

Klik halaman ini untuk melihat hasilnya.

onUnload
Tag onUnLoad digunakan untuk menjalankan suatu perintah ketika suatu halaman html dibuka. Perhatikan contoh di bawah :
view plaincopy to clipboardprint?

1. 2. 3. 4. 5. 6. 7. 8. 9.

<html> <head> <title>Body onUnLoad : Klikbelajar.com</title> </head> <body onUnload="alert('Selamat Tinggal')"> Pada halaman ini kamu akan melihat bagaimana tag onUnload dapat digunakan untuk menampilkan popup window. </body> </html>

Klik halaman ini untuk melihat hasilnya.

SCROLL
Tag SCROLL digunakan untuk menentukan apakah suatu halaman dapat digeser ke bawah atau tidak. Perhatikan contoh di bawah :
view plaincopy to clipboardprint?

1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12.

<html> <head> <title>Body Scroll : Klikbelajar.com</title> </head> <body scroll=no> Pada halaman ini kamu akan melihat kegunaan atrribut scroll, lihat perbedaannya dengan menggunakan dua browser, satu gunakan Internet Explorer dan yang kedua gunakan browser mozilla firefox -paragraf</body> </html>

Atribut ini hanya bekerja di Internet Explorer. Klik halaman ini untuk melihat hasilnya.