แท็ก caption

แท็ก caption มีไว้สำหรับการสร้าง หัวเรื่องของตาราง HTML ทั้งหมด หัวเรื่องดังกล่าว เป็นข้อความที่โดยค่าเริ่มต้นจะแสดง ก่อนตารางและอธิบายเนื้อหาของตาราง

แท็กนี้สามารถวางตำแหน่งได้เพียง ภายในแท็ก table, และต้องอยู่หลังแท็กเปิดทันที

ตัวอย่าง

มาเพิ่มหัวเรื่อง caption ให้กับตารางกัน:

html<table>
  <caption>this is the title of the entire table</caption>
  <tr>
    <th>Name</th>
    <th>Surn</th>
    <th>Salary</th>
  </tr>
  <tr>
    <td>name1</td>
    <td>surn1</td>
    <td>200$</td>
  </tr>
  <tr>
    <td>name2</td>
    <td>surn2</td>
    <td>1000$</td>
  </tr>
</table>
csstable, td, th {
  border: 1px solid black;
}

Результат:

ดูเพิ่มเติม

  • แท็ก table,
    ซึ่งสร้างตาราง
  • แท็ก title,
    ซึ่งกำหนดหัวเรื่องของทั้งหน้า