Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> HTML

แท็ก HTML <body>: โครงสร้างเนื้อหาหลักของหน้าเว็บ

แท็ก <body> ใน HTML คืออะไร?

แท็ก <body> ใช้สำหรับ กำหนดเนื้อหาหลักของหน้าเว็บ ที่ผู้ใช้เห็นได้จริง เช่น ข้อความ รูปภาพ วิดีโอ ลิงก์ ฟอร์ม ตาราง เป็นต้น เป็นส่วนหนึ่งที่จำเป็นของโครงสร้าง HTML ทุกหน้า

แอตทริบิวต์ของ <body> (ล้าสมัยใน HTML5)

หมายเหตุ: แอตทริบิวต์ทั้งหมดของ <body> เช่น alink, background, bgcolor, text, link, vlink ล้าสมัย (Deprecated) ใน HTML5 แล้ว ควรใช้ CSS แทน

แอตทริบิวต์ (ล้าสมัย)ค่าคำอธิบาย
alinkสี (rgb, hex, name)สีของลิงก์ที่กำลังถูกคลิก
backgroundURLพื้นหลังรูปภาพ
bgcolorสีสีพื้นหลัง
linkสีสีของลิงก์ที่ยังไม่ได้คลิก
textสีสีข้อความทั่วไป
vlinkสีสีของลิงก์ที่เคยคลิกแล้ว

วิธีที่ถูกต้องใน HTML5 (ใช้ CSS)

<!DOCTYPE html>
<html>
<head>
  <style>
    body {
      background-color: #f0f0f0;
      color: #333;
      font-family: sans-serif;
    }
    a:link { color: blue; }
    a:visited { color: purple; }
    a:active { color: red; }
  </style>
</head>
<body>
  <h1>หัวข้อหลัก</h1>
  เนื้อหาของหน้าเว็บมาที่นี่...
</body>
</html>

สรุป

  • <body> ต้องมีเพียง 1 ตัวต่อ 1 หน้า HTML
  • วางไว้ภายใน <html> หลัง <head>
  • จัดการรูปลักษณ์ด้วย CSS ไม่ใช่แอตทริบิวต์