Widget edited by super-bee

Laman

10.27.2011

Tag Body dan Atributnya


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. .

Misalnya, untuk menggunakan gambar berikut ini sebagai latar belakang untuk sebuah halaman.

<BODY BACKGROUND="http://bunnoichi.blogspot.com/wallpaper_bunnoichi.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 :

<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 keinginan kamu menjadi warna apapun juga.

contoh :

<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 :

<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 mengubahnya menjadi warna apapun juga.

contoh :

<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 :

<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 :

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

Scroll :

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

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 bersama-sama seperti pada contoh dibawah ini :

<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 :

<html>
<head>
<title>Body onLoad : bunnoichi.blogspot.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.

SCROLL

Tag SCROLL digunakan untuk menentukan apakah suatu halaman dapat digeser ke bawah atau tidak.

Perhatikan contoh di bawah :

<html>
<head>
<title>Body Scroll : bunnoichi.blogspot.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.

Artikel Terkait:

Comments
0 Comments

0 comments:

Post a Comment

Twitter Delicious Facebook Digg Stumbleupon Favorites More