Thẻ HTML <body>


Thí dụ

Một tài liệu HTML đơn giản:

<html>
<head>
  <title>Title of the document</title>
</head>

<body>
  <h1>This is a heading</h1>
  <p>This is a paragraph.</p>
</body>

</html>

Thêm các ví dụ "Hãy tự mình thử" bên dưới.


Định nghĩa và Cách sử dụng

Thẻ <body>xác định nội dung của tài liệu.

Phần <body>tử chứa tất cả nội dung của tài liệu HTML, chẳng hạn như tiêu đề, đoạn văn, hình ảnh, siêu liên kết, bảng, danh sách, v.v.

Lưu ý: Chỉ có thể có một <body> phần tử trong tài liệu HTML.


Hỗ trợ trình duyệt

Element
<body> Yes Yes Yes Yes Yes

Thuộc tính toàn cầu

Thẻ <body>cũng hỗ trợ Thuộc tính chung trong HTML .


Thuộc tính sự kiện

Thẻ <body>cũng hỗ trợ Thuộc tính sự kiện trong HTML .



Các ví dụ khác

Thí dụ

Thêm hình nền vào tài liệu (với CSS):

<html>
<head>
<style>
body {
  background-image: url(w3s.png);
}
</style>
</head>
<body>

<h1>Hello world!</h1>
<p><a href="https://www.w3schools.com">Visit W3Schools.com!</a></p>

</body>

Thí dụ

Đặt màu nền của tài liệu (với CSS):

<html>
<head>
<style>
body {
  background-color: #E6E6FA;
}
</style>
</head>
<body>

<h1>Hello world!</h1>
<p><a href="https://www.w3schools.com">Visit W3Schools.com!</a></p>

</body>

Thí dụ

Đặt màu của văn bản trong tài liệu (với CSS):

<html>
<head>
<style>
body {
  color: green;
}
</style>
</head>
<body>

<h1>Hello world!</h1>
<p>This is some text.</p>
<p><a href="https://www.w3schools.com">Visit W3Schools.com!</a></p>

</body>
</html>

Thí dụ

Đặt màu của các liên kết không được truy cập trong tài liệu (với CSS):

<html>
<head>
<style>
a:link {
  color:#0000FF;
}
</style>
</head>
<body>

<p><a href="https://www.w3schools.com">W3Schools.com</a></p>
<p><a href="https://www.w3schools.com/html/">HTML Tutorial</a></p>

</body>
</html>

Thí dụ

Đặt màu của các liên kết đang hoạt động trong tài liệu (với CSS):

<html>
<head>
<style>
a:active {
  color:#00FF00;
}
</style>
</head>
<body>

<p><a href="https://www.w3schools.com">W3Schools.com</a></p>
<p><a href="https://www.w3schools.com/html/">HTML Tutorial</a></p>

</body>
</html>

Thí dụ

Đặt màu của các liên kết đã truy cập trong tài liệu (với CSS):

<html>
<head>
<style>
a:visited {
  color:#FF0000;
}
</style>
</head>
<body>

<p><a href="https://www.w3schools.com">W3Schools.com</a></p>
<p><a href="https://www.w3schools.com/html/">HTML Tutorial</a></p>

</body>
</html>

Các trang liên quan

Hướng dẫn HTML: Phần tử HTML

Tham chiếu DOM HTML: Đối tượng Nội dung

Tham chiếu DOM HTML: document.body Thuộc tính


Cài đặt CSS mặc định

Hầu hết các trình duyệt sẽ hiển thị <body>phần tử với các giá trị mặc định sau:

Thí dụ

body {
  display: block;
  margin: 8px;
}

body:focus {
  outline: none;
}