### แท็ก<caption> การกำหนดคำบรรยายตารางในเอกสาร HTML
ในเอกสาร HTML การเพิ่มคำบรรยายให้กับตารางเป็นวิธีที่ดีในการช่วยผู้อ่านเข้าใจเนื้อหาของตารางได้ดียิ่งขึ้น คำบรรยายนี้จะทำให้ผู้ใช้สามารถทราบว่าสิ่งที่แสดงอยู่ในตารางคือข้อมูลเกี่ยวกับอะไร โดยจะใช้แท็ก `<caption>` เพื่อกำหนดคำบรรยายนี้ในตาราง
ต่อไปนี้เป็นตัวอย่างการสร้างตารางพร้อมกับคำบรรยายใน HTML:
```html
<!DOCTYPE html>
<html lang="th">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ตัวอย่างตาราง</title>
</head>
<body>
<h1>ตารางข้อมูลการขายสินค้า</h1>
<table border="1">
<caption>สถิติการขายสินค้าประจำปี</caption>
<thead>
<tr>
<th>เดือน</th>
<th>ยอดขาย (บาท)</th>
</tr>
</thead>
<tbody>
<tr>
<td>มกราคม</td>
<td>50,000</td>
</tr>
<tr>
<td>กุมภาพันธ์</td>
<td>60,000</td>
</tr>
<tr>
<td>มีนาคม</td>
<td>70,000</td>
</tr>
</tbody>
</table>
</body>
</html>
```
#### อธิบายโค้ด:
1. **`<caption>`**: ใช้เพื่อกำหนดคำบรรยายของตาราง โดยในตัวอย่างนี้คำบรรยายที่ใช้คือ "สถิติการขายสินค้าประจำปี"
2. **`<table>`**: แท็กนี้ใช้เพื่อเริ่มต้นการสร้างตาราง
3. **`<tr>`**: ใช้เพื่อสร้างแถวของตาราง
4. **`<th>`**: ใช้เพื่อสร้างเซลล์หัวตาราง (Header cell)
5. **`<td>`**: ใช้เพื่อสร้างเซลล์ข้อมูลในตาราง
การใช้คำบรรยายภายในตารางช่วยให้ผู้อ่านเห็นภาพรวมเกี่ยวกับข้อมูลที่นำเสนอได้ชัดเจนมากยิ่งขึ้น ทำให้การทำงานกับเอกสาร HTML ของคุณมีความหมายและเข้าใจได้ง่ายขึ้น