HTML <body> Tag

ການກໍານົດ ແລະ ການນໍາໃຊ້

<body> ປະເພດ body ອອກຂໍ້ມູນຂອງເບື້ອງ.

ປະເພດ body ອອກຂອງຂໍ້ມູນຂອງເບື້ອງ.

ຂໍ້ມູນສາຍສະຫຼາກຂອງ HTML ແລະຂໍ້ມູນຂອງເບື້ອງຢູ່ໃນປະເພດ head ແລະ body ຢູ່ໃນປະເພດ body.

<body> ປະເພດ body ບັນຈຸຄືກັບປະເພດ head ທີ່ຕໍ່ຈາກທີ່ຕໍ່ມາ, ມັນແມ່ນລູກທີ່ສອງຂອງປະເພດ html.

ຫັງສັງ:ໃນເບື້ອງ HTML ພຽງແຕ່ປະເພດດຽວ. <body> ປະເພດ.

ຄວາມພາບ

ເບື້ອງ HTML ທີ່ສົມບູນແບບເດັນນ້ອຍແລະເປັນຄົບຄອບ:

<!DOCTYPE html>
<html>
  <head>
    <title>ຫົວຂໍ້ເບື້ອງ</title>
  </head>
  <body>
    <h1>ນີ້ແມ່ນຫົວຂໍ້.</h1>
    <p>ນີ້ແມ່ນຄວາມພາບ.</p>
  </body>
</html>

Try It Yourself

ຄຳແນະນຳ:ບັນດາຄວາມພາບອື່ນໆຕິດຕາມບ່ອນຢູ່ດ້ານລຸ່ມຂອງເວັບໄຊ.

ຜົນກະທົບທົ່ວໄປ

<body> ແຕ່ລະຕົວແທນຍັງສະໜັບສະໜູນ ຜົນກະທົບທົ່ວໄປຂອງ HTML.

ຜົນກະທົບຂອງທາງເຂົ້າທົ່ວໄປຂອງ HTML

<body> ແຕ່ລະຕົວແທນຍັງສະໜັບສະໜູນ ຜົນກະທົບຂອງທາງເຂົ້າຂອງ HTML.

ການກະກຽມ CSS ຄົນທຳມະດາ

ບັນດາສານສະແດງຄູ່ກັນເປັນຄາດການດັ່ງກ່າວ: <body> ປະເພດ:

body {
  display: block;
  margin: 8px;
}
body:focus {
  outline: none;
}

Try It Yourself

ຄວາມພາບອື່ນໆ

ຄວາມພາບ 1

ການເພີ່ມພາບກາງເບື້ອງ (ນຳໃຊ້ CSS):

<html>
<head>
<style>
body {
  background-image: url(w3s.png);
}
</style>
</head>
<body>
<h1>Hello world!</h1>
<p><a href="">ຢືອນ codew3c.com！</a></p>
</body>

Try It Yourself

ຄວາມພາບ 2

ການກະກຽມສີບັນຍາການທີ່ຫຼັງສຳນັກງານ (ນຳໃຊ້ CSS):

<html>
<head>
<style>
body {
  background-color: #E6E6FA;
}
</style>
</head>
<body>
<h1>Hello world!</h1>
<p><a href="https://www.codew3c.com">ຢືອນ codew3c.com！</a></p>
</body>

Try It Yourself

ຄວາມພາບ 3

ການກະກຽມສີບັນຍາການຂອງເອກະສານ (ນຳໃຊ້ CSS):

<html>
<head>
<style>
body {
  color: green;
}
</style>
</head>
<body>
<h1>Hello world!</h1>
<p>ນີ້ແມ່ນຄວາມພາບ.</p>
<p><a href="">ຢືອນ codew3c.com！</a></p>
</body>
</html>

Try It Yourself

ຄວາມພາບ 4

Set the color of unvisited links in the document (using 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/">HTML Tutorial</a></p>
</body>
</html>

Try It Yourself

Example 5

Set the color of active links in the document (using 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/">HTML Tutorial</a></p>
</body>
</html>

Try It Yourself

Example 6

Set the color of visited links in the document (using 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/">HTML Tutorial</a></p>
</body>
</html>

Try It Yourself

Browser Support

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support