Tanda <body> HTML

Definisi dan penggunaan

<body> tag menentukan badan dokumen.

Metadata dan informasi dokumen HTML disertakan dalam elemen head, sementara konten dokumen disertakan dalam elemen body.

elemen body selalu berikutan elemen head, ia adalah anak kedua elemen html.

<body> elemen mengandungi semua konten dokumen HTML, seperti tajuk, paragraf, gambar, pautan, tabel, senarai, dan sebagainya.

Perhatian:Hanya ada satu elemen HTML yang dapat ada di dalam dokumen HTML: <body> elemen.

Contoh

Dokumen HTML sederhana tetapi lengkap:

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

亲自试一试

Petunjuk:Lebih banyak contoh disediakan di bawah halaman.

properti global

<body> tag mendukung Properti global di HTML。

properti acara

<body> tag mendukung Properti acara di HTML。

seting CSS baku

kebanyakan peramban akan menunjukkan nilai baku berikut: <body> elemen:

body {
  display: block;
  margin: 8px;
}
body:focus {
  garis-garis: tak ada;
}

亲自试一试

contoh lebih banyak

contoh 1

tambahkan gambar latarbelakang ke dokumen (gunakan CSS):

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

亲自试一试

contoh 2

tetapkan warna latarbelakang dokumen (gunakan CSS):

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

亲自试一试

contoh 3

tetapkan warna teks dokumen (gunakan CSS):

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

亲自试一试

contoh 4

设置文档中未访问链接的颜色（使用 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/">HTML 教程</a></p>
</body>
</html>

亲自试一试

例子 5

设置文档中活动链接的颜色（使用 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/">HTML 教程</a></p>
</body>
</html>

亲自试一试

例子 6

设置文档中已访问链接的颜色（使用 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/">HTML 教程</a></p>
</body>
</html>

亲自试一试

浏览器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 支持 支持 支持 支持