HTML Table

บทเรียนนี้จะพาไปเรียนรู้ HTML Table ซึ่งเป็นหนึ่งในองค์ประกอบที่สำคัญในการสร้างตารางข้อมูลบนเว็บไซต์ ช่วยให้การจัดการข้อมูลเป็นหมวดหมู่ อ่านง่าย สวยงามและเป็นระเบียบ

องค์ประกอบพื้นฐานของตาราง

ตาราง HTML ประกอบด้วย 3 แท็กหลักดังต่อไปนี้

• <table>: แท็กเปิดและปิดตาราง
• <tr>: แท็กเปิดและปิดแถว (row) ภายในตาราง
• <td>: แท็กเปิดและปิดเซลล์ (cell) ข้อมูลภายในแถว

ตัวอย่างการสร้างตารางใน HTML แบบง่าย ๆ

<table>
  <tr>
    <td>ชื่อ</td>
    <td>อายุ</td>
    <td>อาชีพ</td>
  </tr>
  <tr>
    <td>สมชาย</td>
    <td>30</td>
    <td>วิศวกร</td>
  </tr>
  <tr>
    <td>สมหญิง</td>
    <td>25</td>
    <td>แพทย์</td>
  </tr>
</table>