Thẻ table

Thẻ table tạo bảng. Được sử dụng cùng với các thẻ tr, td, th.

Thẻ tr tạo một hàng trong bảng, còn các thẻ td và th tạo các ô của bảng đó. Sự khác biệt giữa td và th: thứ nhất là ô thông thường, còn thứ hai là ô tiêu đề.

Thuộc tính

Thuộc tính Mô tả
cellspacing Chỉ định khoảng cách giữa các ô.
Đã lỗi thời, thay vào đó nên sử dụng thuộc tính CSS border-spacing.
cellpadding Chỉ định khoảng cách giữa văn bản và đường viền của ô.
Đã lỗi thời, thay vào đó nên sử dụng thuộc tính CSS padding.
border Chỉ định đường viền cho các ô và bảng.
Đã lỗi thời, thay vào đó nên sử dụng thuộc tính CSS border.

Ví dụ

Hãy tạo một bảng với các ô th và td:

html<table>
  <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;
}

Результат:

Xem thêm

  • các thẻ thead, tbody và tfoot,
    nhóm các hàng của bảng
  • thẻ caption,
    chỉ định tiêu đề cho toàn bộ bảng
  • thuộc tính vertical-align,
    chỉ định căn chỉnh văn bản theo chiều dọc
  • các thuộc tính rowspan và colspan,
    hợp nhất các hàng và cột của bảng