Pada bagian ini kita akan membahas lebih dalam mengenai struktur dari Body HTML.

Pada dasarnya element HTML ada 2 kategory :

  1. Element berfungsi untuk memberikan informasi atau mendeklarasikan dokumen tersebut.
  2. Element berfungsi untuk menentukan bagaimana isi suatu dokumen ditampilkan pada browser.

[toc]

Struktur Dokumen HTML

<!DOCTYPE html>
<html>

<head>
    <title>Judul Dokumen</title>
</head>

<body>
    Contoh Teks disini!
</body>

</html>

Keterangan :

  • <html>…</html> : merupakan tag pembuka dari dokumen html.
  • <head>…</head> : merupakan penampung berbagai tag yang sebagian besar ditujukan untuk aplikasi web browser, bukan untuk dilihat oleh pengunjung web kita.
  • <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.

Tag Body dan Atributnya

Background

Atribut ini digunakan untuk men set gambar untuk digunakan sebagai latar belakang pada sebuah halaman. Kita cukup menggunakan attribut ini untuk memeilih sebuah gambar untuk dijadikan latar belakang. Letakkan sebuah gambar dengan nama.jpg satu folder dengan file html ini. lalu untuk memberikan background gambar, penulisannya adalah sebagai berikut :

<!DOCTYPE html>
<html>

<head>
    <title>Judul Dokumen</title>
</head>

<body background="gambar.jpg">
    Contoh Teks disini!
</body>

</html>

Bgcolor

Bgcolor menentukan warna latar belakang dari halalaman web. Misalnya, untuk mengatur warna latar belakang halaman agar berwarna (contoh : Merah), kita dapat menggunakan tag berikut :

<!DOCTYPE html>
<html>

<head>
    <title>Judul Dokumen</title>
</head>

<body bgcolor="#222222">
    Contoh Teks di sini!
</body>

</html>

 

Text

Atribut ini berfungsi 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>

 

Link

Atribut ini berguna untuk menentukan warna standar dari tautan (link) yang ada pada halaman tersebut sebelum diklik.

<!DOCTYPE html>
<html>

<head>
    <title>Judul Dokumen</title>
</head>

<body link="#222222">
    <a href="#">Contoh Link</a>
</body>

</html>

 

Vlink

Berguna untuk menentukan warna standar dari tautan (Link) yang ada pada halaman tersebut ketika telah diklik.

<!DOCTYPE html>
<html>

<head>
    <title>Judul Dokumen</title>
</head>

<body vlink="#222222">
    <a href="#">Contoh Link</a>
</body>

</html>

 

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="#222222">
    <a href="#">Contoh Link</a>
</body>

</html>

 

Margin

Topmargin dan Leftmargin digunakan untuk menentukan jarak atas dan tepian pada halaman. Tag ini akan terbaca pada browser IE (Internet Explorer), Sedangkan untuk browser NetscapeTag yang digunakan adalah Marginheight dan Marginwidth.

<!DOCTYPE html>
<html>

<head>
    <title>Judul Dokumen</title>
</head>

<body topmargin="20px">
    <a href="#">Contoh Link</a>
</body>

</html>

 

Hosting Unlimited Indonesia