Tanda <body> HTML

Definisi dan penggunaan

<body> Tag menentukan bagian utama dokumen.

Metadata dan informasi dokumen HTML disampingkan di dalam elemen head, sedangkan konten dokumen disampingkan di dalam elemen body.

Elemen body selalu mengikuti elemen head, ia adalah anak kedua dari elemen html.

<body> Elemen berisi seluruh konten dokumen HTML, seperti judul, paragraf, gambar, tautan, tabel, daftar, dll.

Perhatian:Dalam satu dokumen HTML hanya dapat ada satu <body> Elemen.

Contoh

Dokumen HTML sederhana tetapi lengkap:

<!DOCTYPE html>
<html>
  <head>
    <title>Judul dokumen</title>
  </head>
  <body>
    <h1>Ini adalah judul.</h1>
    <p>Ini adalah paragraf.</p>
  </body>
</html>

Coba Sendiri

Petunjuk:Ada banyak contoh lainnya di bawah halaman.

Atribut global

<body> Tag mendukung Atribut global di HTML.

Atribut peristiwa

<body> Tag mendukung Atribut peristiwa di HTML.

Pengaturan CSS baku

Sebagian besar peramban akan menampilkan nilai baku berikut ini: <body> Elemen:

body {
  display: block;
  margin: 8px;
}
body:focus {
  garis-batas: none;
}

Coba Sendiri

Beberapa contoh lainnya

Contoh 1

Tambahkan gambar latar dokumen (gunakan CSS):

<html>
<head>
<style>
body {
  background-image: url(w3s.png);
}
</style>
</head>
<body>
<h1>Hello world!</h1>
<p><a href="">Kunjungi codew3c.com!</a></p>
</body>

Coba Sendiri

Contoh 2

Atur warna latar dokumen (gunakan CSS):

<html>
<head>
<style>
body {
  warna-latar: #E6E6FA;
}
</style>
</head>
<body>
<h1>Hello world!</h1>
<p><a href="https://www.codew3c.com">Kunjungi codew3c.com!</a></p>
</body>

Coba Sendiri

Contoh 3

Atur warna teks dokumen (gunakan CSS):

<html>
<head>
<style>
body {
  warna: hijau;
}
</style>
</head>
<body>
<h1>Hello world!</h1>
<p>Berikut adalah teks.</p>
<p><a href="">Kunjungi codew3c.com!</a></p>
</body>
</html>

Coba Sendiri

Contoh 4

Atur warna tautan yang belum diakses dalam dokumen (dengan CSS):

<html>
<head>
<style>
a:link {
  color:#0000FF;
}
</style>
</head>
<body>
<p><a href="https://www.codew3c.com">codew3c.com</a></p>
<p><a href="https://www.codew3c.com/html/">Panduan HTML</a></p>
</body>
</html>

Coba Sendiri

Contoh 5

Atur warna tautan yang aktif dalam dokumen (dengan CSS):

<html>
<head>
<style>
a:active {
  color:#00FF00;
}
</style>
</head>
<body>
<p><a href="https://www.codew3c.com">codew3c.com</a></p>
<p><a href="https://www.codew3c.com/html/">Panduan HTML</a></p>
</body>
</html>

Coba Sendiri

Contoh 6

Atur warna tautan yang telah diakses dalam dokumen (dengan CSS):

<html>
<head>
<style>
a:visited {
  color:#FF0000;
}
</style>
</head>
<body>
<p><a href="https://www.codew3c.com">codew3c.com</a></p>
<p><a href="https://www.codew3c.com/html/">Panduan HTML</a></p>
</body>
</html>

Coba Sendiri

Dukungan Peramban

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Dukungan Dukungan Dukungan Dukungan Dukungan