Skip to content

// TODO

<caption>

ระบุคำอธิบาย (หรือชื่อ) ของตาราง

<col>

กำหนดหนึ่งหรือหลายคอลัมน์ในกลุ่มคอลัมน์ที่แสดงโดย parent <colgroup> element ทั้งแบบชัดเจนหรือโดยนัย <col> element จะถูกต้องเมื่อเป็น child ของ <colgroup> element ที่ไม่มี attribute span กำหนดไว้

AttributeDescription
spanระบุจำนวนคอลัมน์ที่ <col> element จะครอบคลุม
widthกำหนดความกว้างของคอลัมน์ (สามารถใช้หน่วยต่างๆ เช่น px, %)

<colgroup>

กำหนดกลุ่มของคอลัมน์ภายในตาราง

AttributeDescription
spanระบุจำนวนคอลัมน์ที่ <colgroup> จะครอบคลุม

<table>

แสดงข้อมูลในรูปแบบตาราง นั่นคือ ข้อมูลที่นำเสนอในตารางสองมิติ ประกอบด้วยแถวและคอลัมน์ของเซลล์ที่บรรจุข้อมูล

AttributeDescription
borderกำหนดความกว้างของขอบตาราง (deprecated)
cellpaddingระบุระยะห่างภายในเซลล์ (deprecated)
cellspacingระบุระยะห่างระหว่างเซลล์ (deprecated)
summaryคำอธิบายสั้นๆ ของตาราง (สำหรับผู้ใช้ screen readers)
widthกำหนดความกว้างของตาราง (สามารถใช้หน่วยต่างๆ เช่น px, %)

<tbody>

ห่อหุ้มชุดของแถวตาราง (elements <tr>) แสดงว่าแถวเหล่านั้นประกอบเป็นส่วนเนื้อหา (หลัก) ของตาราง

<td>

เป็น child ของ element <tr> กำหนดเซลล์ของตารางที่บรรจุข้อมูล

<td>

AttributeDescription
colspanกำหนดจำนวนคอลัมน์ที่เซลล์ครอบคลุม
rowspanกำหนดจำนวนแถวที่เซลล์ครอบคลุม
headersระบุค่า id ของ <th> ที่เกี่ยวข้องกับเซลล์นี้
scopeระบุขอบเขตของเซลล์ (เช่น "row", "col", "rowgroup", "colgroup")

<tfoot>

ห่อหุ้มชุดของแถวตาราง (elements <tr>) แสดงว่าแถวเหล่านั้นประกอบเป็นส่วนท้ายของตารางที่มีข้อมูลเกี่ยวกับคอลัมน์ของตาราง มักเป็นสรุปของคอลัมน์ เช่น ผลรวมของตัวเลขในคอลัมน์

<th>

เป็น child ของ element <tr> กำหนดเซลล์เป็นส่วนหัวของกลุ่มเซลล์ในตาราง ลักษณะของกลุ่มนี้สามารถกำหนดได้อย่างชัดเจนด้วย attributes scope และ headers

AttributeDescription
colspanกำหนดจำนวนคอลัมน์ที่เซลล์ครอบคลุม
rowspanกำหนดจำนวนแถวที่เซลล์ครอบคลุม
headersระบุค่า id ของ <th> ที่เกี่ยวข้องกับเซลล์นี้
scopeระบุขอบเขตของเซลล์ (เช่น "row", "col", "rowgroup", "colgroup")
abbrกำหนดตัวย่อของเนื้อหาในเซลล์

<thead>

ห่อหุ้มชุดของแถวตาราง (elements <tr>) แสดงว่าแถวเหล่านั้นประกอบเป็นส่วนหัวของตารางที่มีข้อมูลเกี่ยวกับคอลัมน์ของตาราง มักอยู่ในรูปแบบของส่วนหัวคอลัมน์ (elements <th>)

<tr>

กำหนดแถวของเซลล์ในตาราง เซลล์ในแถวสามารถสร้างได้โดยใช้ <td> (เซลล์ข้อมูล) และ <th> (เซลล์ส่วนหัว) ผสมกัน

Released under the MIT License