แท็ก td

แท็ก td กำหนดเซลล์ปกติของตาราง HTML

ตัวอย่าง

มาสร้างตารางที่มีเซลล์ th และ td กัน:

html<table>
  <tr>
    <th>ชื่อ</th>
    <th>นามสกุล</th>
    <th>เงินเดือน</th>
  </tr>
  <tr>
    <td>ชื่อ1</td>
    <td>นามสกุล1</td>
    <td>200$</td>
  </tr>
  <tr>
    <td>ชื่อ2</td>
    <td>นามสกุล2</td>
    <td>1000$</td>
  </tr>
</table>
csstable, td, th {
  border: 1px solid black;
}

Результат:

ดูเพิ่มเติม

  • แท็ก thead, tbody และ tfoot,
    ซึ่งจัดกลุ่มแถวของตาราง
  • แท็ก caption,
    ซึ่งกำหนดหัวเรื่องของตารางทั้งหมด
  • คุณสมบัติ vertical-align,
    ซึ่งกำหนดการจัดแนวข้อความในแนวตั้ง
  • คุณลักษณะ rowspan และ colspan,
    ซึ่งรวมแถวและคอลัมน์ของตาราง