Tìm hiểu Thẻ body trong HTML là gì, đó là thẻ chính 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, chi tiết như nào hãy cùng chúng tôi phân tích:

Thẻ body trong HTML

Thẻ <body> trong HTML là gì?

Thẻ <body> trong HTML là thẻ chính 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á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

Ngọc Thanh

Ngọc Thanh là người viết content có kinh nghiệm nhiều năm tại Web Mới, chuyên viết content bên lĩnh vực website và nhiều lĩnh vực khác

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 miễn phí

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