HTML Table

   อัปเดตล่าสุด March 5, 2024

บทเรียนนี้จะพาไปเรียนรู้ 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>




คอร์สเรียนแนะนำ