Sebelumnya kita telah mempelajari bagaimana bekerja dengan HTML. Bagian ini akan membahas lebih dalam mengenai struktur dari Body HTML.
Pada dasarnya elemen HTML ada 2 kategori:
- Elemen berfungsi untuk memberikan informasi atau mendeklarasikan dokumen tersebut.
- Elemen berfungsi untuk menentukan bagaimana isi suatu dokumen ditampilkan pada browser.
Struktur Dasar HTML
<!DOCTYPE html>
<html>
<head>
<title>Belajar HTML</title>
</head>
<body>
Hallo Word!
</body>
</html>
<html> ... </html> : merupakan tag pembuka dari dokumen html.
<head> ... </head> :
<title> ... </title> : merupakan tag untuk memberikan judul pada dokumen html.
<body> ... </body> : merupakan body dari dokumen html. Segala sesuatu yang ingin
ditampilkan di dokumen html disimpan dalam tag body ini.
Baca :
Pengenalan Dasar Programming Web
Tag Body dan Atributnya
Body adalah bagian yang cukup penting dalam struktur HTML karena body merupakan struktur yang mendefinisikan isi dari suatu dokumen HTML tersebut. Berikut adalah tag-tag body dan atributnya :
1. BACKGROUND
Atribut ini digunakan untuk mengeset gambar untuk digunakan sebagai latar belakang pada sebuah halaman. Kita cukup menggunakan atribut berikut untuk memilih sebuah gambar untuk dijadikan latar belakang. Letakkan sebuah gambar dengan nama gambar.jpg satu folder dengan file html ini. Lalu untuk memberikan background gambar penulisannya adalah sebagi berikut:<!DOCTYPE html>
<html>
<head>
<title>Judul Dokumen</title>
</head>
<body background="gambar.jpg">
Contoh Teks di sini
</body>
</html>
2. BGCOLOR
Bgcolor menentukan warna latar belakang dari halaman web. Misalnya, untuk mengatur warna latar belakang halaman agar berwarna merah, kita dapat menggunakan tag berikut :<!DOCTYPE html>
<html>
<head>
<title>Judul Dokumen</title>
</head>
<body bgcolor="#ffff" >
Contoh Teks di sini
</body>
</html>
3. TEXT
Atribut ini berguna untuk menentukan warna standar dari teks yang ada pada halaman tersebut.<!DOCTYPE html>
<html>
<head>
<title>Judul Dokumen</title>
</head>
<body text="#222222" >
Contoh Teks di sini
</body>
</html>
4. LINK
Atribut ini berguna untuk menentukan warna standar dari tautan (link) yang ada pada halaman tersebut sebelum di-klik.<!DOCTYPE html>
<html>
<head>
<title>Judul Dokumen</title>
</head>
<body link="#ffff" >
<a href="#">Contoh Link</a>
</body>
</html>
5. VLINK
Berguna untuk menentukan warna standar dari tautan (link) yang ada pada halaman tersebut ketika telah di-klik.<!DOCTYPE html>
<html>
<head>
<title>Judul Dokumen</title>
</head>
<body vlink="#ffff" >
<a href="#">Contoh Link</a>
</body>
</html>
6. ALINK
Berguna untuk menentukan warna standar dari tautan (link) pada halaman tersebut ketika kursor berada diatasnya.<!DOCTYPE html>
<html>
<head>
<title>Judul Dokumen</title>
</head>
<body alink="#0000" >
<a href="#">Contoh Link</a>
</body>
</html>
7. 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.
<!DOCTYPE html>
<html>
<head>
<title>Judul Dokumen</title>
</head>
<body topmargin="40px" >
<a href="#">Contoh Link</a>
</body>
</html>
Itulah beberapa tag-tag body beserta atributnya yang cukup sering digunakan dalam membuat suatu halaman website. Agar lebih memahami tag-tag tersebut coba anda latihan membuat suatu halaman website sederhana menggunakan beberapa tag-tag HTML dasar yang sudah saya berikan.
Baca juga :
Membuat Website Sederhana Menggunakan Notepad
EmoticonEmoticon