Tag ng HTML <body>

  • หน้าก่อนหน้า <blockquote>
  • หน้าต่อไป <br>

Paglalarawan at paggamit

<body> Ang tag na ito ay naglalarawan ng pangunahing nilalaman ng dokumento.

Ang meta data at impormasyon ng dokumento ng HTML ay napakakandado sa elemento na ito, habang ang nilalaman ng dokumento ay napakakandado sa elemento na ito.

Ang elemento na ito ay palaging sumusunod sa elemento na ito, ito ang ikalawang anak ng elemento na ito.

<body> Ang elemento na ito ay naglalaman ng lahat ng nilalaman ng HTML dokumento, gaya ng pamagat, paragrapo, imaheng, hyperlink, table, listahan, at iba pa.

Babala:Isang HTML dokumento ay maaaring may isang lamang elemento: <body> Elemento.

Halimbawa

Isang simpleng ngunit kumpletong HTML dokumento:

<!DOCTYPE html>
<html>
  <head>
    <title>Pamagat ng dokumento</title>
  </head>
  <body>
    <h1>Isang pamagat na ito</h1>
    <p>Isang paragrapo na ito.</p>
  </body>
</html>

ทดสอบเอง

Mga payo:May higit pang mga halimbawa sa piling lugar ng pahina.

Mga pangkalahatang katangian

<body> Ang tag ay sumusuporta sa mga katangian ng pangyayari Mga pangkalahatang katangian。

Mga pangkalahatang katangian ng HTML

<body> Ang tag ay sumusuporta sa mga katangian ng pangyayari HTML na katangian ng pangyayari。

Default na CSS na setting

Ang karamihan ng mga browser ay magpapakita ng mga sumusunod na default na halaga: <body> Elemento:

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

ทดสอบเอง

Higit pang mga halimbawa

例子 1

Magdagdag ng imaheng bakgrund sa dokumento (gamit ang CSS):

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

ทดสอบเอง

例子 2

I-set ang kulay ng bakgrund ng dokumento (gamit ang CSS):

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

ทดสอบเอง

例子 3

I-set ang kulay ng teksto ng dokumento (gamit ang CSS):

<html>
<head>
<style>
body {
  color: green;
}
</style>
</head>
<body>
<h1>Hello world!</h1>
<p>Isang teksto na ito.</p>
<p><a href="">Bumangga sa codew3c.com！</a></p>
</body>
</html>

ทดสอบเอง

例子 4

ตั้งค่าสีของลิงก์ที่ยังไม่เคยเข้าเว็บไซต์แล้วด้วย 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</a></p>
</body>
</html>

ทดสอบเอง

ตัวอย่าง 5

ตั้งค่าสีของลิงก์ที่กำลังใช้งานด้วย 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</a></p>
</body>
</html>

ทดสอบเอง

ตัวอย่าง 6

ตั้งค่าสีของลิงก์ที่เคยเข้าเว็บไซต์แล้วด้วย 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</a></p>
</body>
</html>

ทดสอบเอง

การสนับสนุนเบราเซอร์

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
สนับสนุน สนับสนุน สนับสนุน สนับสนุน สนับสนุน
  • หน้าก่อนหน้า <blockquote>
  • หน้าต่อไป <br>