Thẻ HTML <body>
Định nghĩa và cách sử dụng
Thẻ <body>
xác định phần thân của tài liệu.
<html>
<head>
<title>Tiêu đề trang web</title>
</head>
<body>
<h1>Đây là nội dung thẻ H1</h1>
<p>Đây là nội dung của một đoạn văn bản nhiều dòng.</p>
</body>
</html>
Phần tử <body>
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 phần tử <body>
trong tài liệu HTML.
Hỗ trợ trình duyệt
Phần tử <body> | Google Chrome | MS Edge | Firefox | Safari | Opera |
---|---|---|---|---|---|
Có | Có | Có | Có | Có |
Thuộc tính Global
Thẻ <body>
cũng hỗ trợ thuộc tính Global 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êm hình nền vào tài liệu (với CSS):
<html>
<head>
<style>
body {
background-image: url(qtm.png);
}
</style>
</head>
<body>
<h1>Xin chào các bạn!</h1>
<p><a href="https://quantrimang.com">Chào mừng bạn tới với Quản Trị Mạng</a></p>
</body>
Đặ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://quantrimang.com">Chào mừng bạn tới với Quản Trị Mạng</a></p>
</body>
Đặ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>Xin chào các bạn!</h1>
<p>Sau đây là một đoạn văn bản giới thiệu</p>
<p><a href="https://quantrimang.com">Quản Trị Mạng</a></p>
</body>
</html>
Đặ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://quantrimang.com">Quản Trị Mạng</a></p>
<p><a href="https://quantrimang.com/html">Học HTML</a></p>
</body>
</html>
Đặ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://quantrimang.com">Quản Trị Mạng</a></p>
<p><a href="https://quantrimang.com/html">Học HTML</a></p>
</body>
</html>
Đặ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://quantrimang.com">Quản Trị Mạng</a></p>
<p><a href="https://quantrimang.com/html">Học HTML</a></p>
</body>
</html>
Cài đặt CSS mặc định
Hầu hết các trình duyệt sẽ hiển thị phần tử <body>
với các giá trị mặc định sau:
body {
display: block;
margin: 8px;
}
body:focus {
outline: none;
}
1.426
Bạn nên đọc
0 Bình luận
Sắp xếp theo
Xóa Đăng nhập để Gửi
Cũ vẫn chất
-
Tổng hợp cách tạo mật khẩu mạnh và quản lý mật khẩu an toàn nhất
Hôm qua -
Căn bậc 2, cách tính căn bậc 2
Hôm qua -
Khóa ngoại Foreign Key trong SQL Server
Hôm qua 5 -
Tổng hợp câu hỏi Nhanh như chớp mùa 2
Hôm qua -
Hướng dẫn cách chơi, lên đồ Natalya mùa S1 2023
Hôm qua -
Hướng dẫn chơi Rung Cây vàng Trúng Cây vàng trên My Viettel
Hôm qua -
Cách đổi công cụ tìm kiếm trên Safari
Hôm qua -
Làm thế nào để kiểm tra nhiệt độ CPU của máy tính?
Hôm qua -
Cách tạo brush tùy chỉnh trong Photoshop
Hôm qua -
Cách dọn dẹp và khôi phục không gian trên ổ C Windows
Hôm qua