Thẻ HTML <body>

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

<body> Thiết bị define thân tài liệu.

Meta dữ liệu và thông tin tài liệu của tài liệu HTML được đóng gói trong thiết bị head, nội dung tài liệu được đóng gói trong thiết bị body.

Thiết bị body luôn đứng sau thiết bị head, nó là con của thiết bị html thứ hai.

<body> Thiết bị 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 bản, hình ảnh, liên kết, bảng, danh sách, v.v.

Lưu ý:Một tài liệu HTML chỉ có thể có một <body> Thiết bị.

Ví dụ

Một tài liệu HTML đơn giản nhưng đầy đủ:

<!DOCTYPE html>
<html>
  <head>
    <title>Titile tài liệu</title>
  </head>
  <body>
    <h1>Đây là một tiêu đề</h1>
    <p>Đây là một đoạn văn bản.</p>
  </body>
</html>

Thử ngay

Lưu ý:Cung cấp nhiều ví dụ khác ở cuối trang.

Thuộc tính toàn cục

<body> Thẻ hỗ trợ Thuộc tính toàn cục trong HTML.

Thuộc tính sự kiện

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

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

Hầu hết các trình duyệt sẽ hiển thị giá trị mặc định sau đây <body> Thiết bị:

body {
  hiển thị: khối;
  khoảng cách: 8px;
}
body:focus {
  khung viền: none;
}

Thử ngay

Thêm nhiều ví dụ khác

Ví dụ 1

Thêm ảnh nền cho tài liệu (sử dụng CSS):

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

Thử ngay

Ví dụ 2

Đặt màu nền của tài liệu (sử dụng CSS):

<html>
<head>
<style>
body {
  màu nền: #E6E6FA;
}
</style>
</head>
<body>
<h1>Hello world!</h1>
<p><a href="https://www.codew3c.com">Truy cập codew3c.com!</a></p>
</body>

Thử ngay

Ví dụ 3

Đặt màu văn bản của tài liệu (sử dụng CSS):

<html>
<head>
<style>
body {
  màu: xanh lá cây;
}
</style>
</head>
<body>
<h1>Hello world!</h1>
<p>Đây là một đoạn văn bản.</p>
<p><a href="">Truy cập codew3c.com!</a></p>
</body>
</html>

Thử ngay

Ví dụ 4

Đặt màu cho liên kết chưa truy cập trong tài liệu (sử dụng 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/">Giáo trình HTML</a></p>
</body>
</html>

Thử ngay

Ví dụ 5

Đặt màu cho liên kết đang hoạt động trong tài liệu (sử dụng 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/">Giáo trình HTML</a></p>
</body>
</html>

Thử ngay

Ví dụ 6

Đặt màu cho liên kết đã truy cập trong tài liệu (sử dụng 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/">Giáo trình HTML</a></p>
</body>
</html>

Thử ngay

Hỗ trợ trình duyệt

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ