HTML Tag Body
Diantara tag body pembuka dan penutup merupakan daerah penempatan konten yang akan tampil di sisi klien dan terlihat pada suatu halaman situs.Jadi semua elemen dan fungsi interaktive (interface) yang biasa kamu lihat dan pergunakan itu tempatnya berada diantara tag body ini.
Pada intinya tag body ditulis seperti ini,<body> berpasangan dengan tag penutupnya </body> Dan semua konten berada diantaranya.Namun sebenarnya tag <body> bisa lebih kompleks lagi karena beberapa setting dokumen ada di tag body ini.
Contoh;
Seperti contoh diatas bahwa tag body memiliki setting tambahan yaitu atribut dan value dengan format sbb;
Kesimpulannya, tag menjelaskan arti elemen secara umum sedangkan atribut menjelaskan lebih detailnya.
Supaya lebih jelas, mari kita pelajari arti masing-masing atribut tersebut.
BGCOLOR=white
Atribut ini menjelaskan warna background untuk seluruh dokumen. Warna putih (white) dapat diganti dengan red, blue, green, black atau warna yang lain. Bisa juga menggunakan color code yang akan dibahas kemudian.
TEXT=black
Atribut ini mengatur warna teks di halaman web dan warna hitam (black) juga bisa digantikan dengan warna lain.
LINK=blue
Ini adalah warna hyperlink sebelum di-click. Sebaiknya memang warna hyperlink berbeda dengan warna teks untuk memudahkan pengguna.
ALINK=purple
Atribut ini mengeset warna link saat akan di-click (didekati dengan mouse).
VLINK=red
Atribut ini mengeset warna link setelah sebuah link dikunjungi.
Background pada tag Body
Salah satu atribut penting di tag Body adalah BACKGROUND. Atribut ini berfungsi untuk memberikan tampilan latar belakang sebuah gambar dan atribut ini akan menimpa atribut BGCOLOR. Untuk dapat menggunakannya kita harus tahu dimanakah letak file gambar yang akan kita gunakan. Untuk lebih jelasnya amati contoh berikut :
Jangan lupa untuk menambahkan tanda kutip diantara alamat file gambar yang akan digunakan.
Pendekatan CSS bisa dilakukan untuk mengatur elemen body dengan cara menggunakan body sebagai selector.
Contoh jika menggunakan CSS untuk mengatur dokumen elemen dibawah tag body:
Pada intinya tag body ditulis seperti ini,<body> berpasangan dengan tag penutupnya </body> Dan semua konten berada diantaranya.Namun sebenarnya tag <body> bisa lebih kompleks lagi karena beberapa setting dokumen ada di tag body ini.
Contoh;
<BODY BGCOLOR=white TEXT=black LINK=blue ALINK=green VLINK=red>
Isi elemen dab dokumen konten
</BODY> Seperti contoh diatas bahwa tag body memiliki setting tambahan yaitu atribut dan value dengan format sbb;
<ELEMENT ATTRIBUTE=value>
Jika kita kembali melihat contoh diatas maka, tag Body adalah elemen, sementara BGCOLOR, TEXT, LINK, ALINK dan VLINK adalah atribut. white, black, blue, green dan red adalah value.Kesimpulannya, tag menjelaskan arti elemen secara umum sedangkan atribut menjelaskan lebih detailnya.
Supaya lebih jelas, mari kita pelajari arti masing-masing atribut tersebut.
BGCOLOR=white
Atribut ini menjelaskan warna background untuk seluruh dokumen. Warna putih (white) dapat diganti dengan red, blue, green, black atau warna yang lain. Bisa juga menggunakan color code yang akan dibahas kemudian.
TEXT=black
Atribut ini mengatur warna teks di halaman web dan warna hitam (black) juga bisa digantikan dengan warna lain.
LINK=blue
Ini adalah warna hyperlink sebelum di-click. Sebaiknya memang warna hyperlink berbeda dengan warna teks untuk memudahkan pengguna.
ALINK=purple
Atribut ini mengeset warna link saat akan di-click (didekati dengan mouse).
VLINK=red
Atribut ini mengeset warna link setelah sebuah link dikunjungi.
Background pada tag Body
Salah satu atribut penting di tag Body adalah BACKGROUND. Atribut ini berfungsi untuk memberikan tampilan latar belakang sebuah gambar dan atribut ini akan menimpa atribut BGCOLOR. Untuk dapat menggunakannya kita harus tahu dimanakah letak file gambar yang akan kita gunakan. Untuk lebih jelasnya amati contoh berikut :
<BODY BGCOLOR=white TEXT=black LINK=blue ALINK=green VLINK=red BACKGROUND="/images/bg.jpg"> </BODY> Jangan lupa untuk menambahkan tanda kutip diantara alamat file gambar yang akan digunakan.
Pendekatan CSS bisa dilakukan untuk mengatur elemen body dengan cara menggunakan body sebagai selector.
Contoh jika menggunakan CSS untuk mengatur dokumen elemen dibawah tag body:
<style>
body{background;white url(/images/bg.jpg) no-repeat;
color: black;
}
body a{blue;
}
body a:visited{red;
}
body a:hover{purple;
}
</style>
Categories:
HTML
