Thẻ body trong HTML

Trần Thị Vân
1893
18/02/2025

Thẻ body trong HTML dùng để bao quát các thẻ HTML khác để hiển thị ra giao diện website, vị trí nằm ở dưới thẻ head và nằm trong thẻ html, chi tiết như nào hãy cùng chúng tôi phân tích:

Chức năng của Thẻ body trong HTML

Thẻ <body> trong HTML dùng để bao quát các thẻ HTML khác để hiển thị ra giao diện website, vị trí nằm ở dưới thẻ <head> và nằm trong thẻ <html>, nó chứa các thẻ HTML như <div>, <p>, <ul>, <img>,....

Cú pháp của Thẻ body trong HTML

<body>phantuhtml</body>

phantuhtml: Các phần tử HTML.

Bao gồm thẻ mở <body> và thẻ đóng </body>.

Các thẻ HTML nằm trong thẻ <body>

Thẻ <div> trong thẻ <body>

<!DOCTYPE html>
<html>
<head>
<title>Thẻ div trong thẻ body</title>
</head>
<body>
<div>Thẻ div trong thẻ body</div>
</body>
</html>

Chạy Thử

Thẻ <p> trong thẻ <body>

<!DOCTYPE html>
<html>
<head>
<title>Thẻ p trong thẻ body</title>
</head>
<body>
<p>Thẻ p trong thẻ body</p>
</body>
</html>

Chạy Thử

Thẻ <ul> trong thẻ <body>

<!DOCTYPE html>
<html>
<head>
<title>Thẻ UL trong thẻ body</title>
</head>
<body>
<ul>
 <li>Thẻ UL trong thẻ body 1</li>
 <li>Thẻ UL trong thẻ body 2</li>
 <li>Thẻ UL trong thẻ body 3</li>
</ul>
</body>
</html>

Chạy Thử

Thẻ <table> trong thẻ <body>

<!DOCTYPE html>
<html>
<head>
<title>Thẻ <table> trong thẻ body</title>
</head>
<body>
<table>
  <tr>
    <th>Họ Tên</th>
    <th>Tuổi</th>
    <th>Giới Tính</th>
  </tr>
  <tr>
    <td>Bùi Tấn Lực</td>
    <td>26</td>
    <td>Nam</td>
  </tr>
  <tr>
    <td>Trần Thị Vân</td>
    <td>20</td>
    <td>Nữ</td>
  </tr>
</table>
</body>
</html>

Chạy Thử

Css cho thẻ <body>

<!DOCTYPE html>
<html>
<head>
<title>CSS cho thẻ body</title>
<style>
body{font-family: 'Roboto', sans-serif!important;
font-weight:400;
font-size:16px;
margin:0;
padding:0;
color:green;
background:red;
}
</style>
</head>
<body>
CSS cho thẻ body
</body>
</html>

Chạy Thử

Lời kết

Cảm ơn các bạn đã tham khảo bài viết Thẻ <body> trong HTML.

★★★★★ ★★★★★
5/5 - (1 Đánh giá)
0 Bình luận

Trần Thị Vân

Trần Thị Vân là Content Creator tại Web Mới, phụ trách nghiên cứu, biên soạn nội dung và chia sẻ kiến thức về website, SEO, lập trình cùng các xu hướng công nghệ

Chia sẻ nội dung đánh giá của bạn về Thẻ body trong HTML
Email, Điện thoại của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Bình luận, Hỏi đáp

Đăng ký tư vấn thiết kế website

Tìm hiểu 1 năm không bằng lắng nghe 1 câu tư vấn