Cách tạo tiêu đề bảng (table header) trong HTML?

Sử dụng thẻ <thead> để tạo phần tiêu đề cho bảng HTML. Thẻ <thead> thường đi kèm với <tbody> (phần thân) và <tfoot> (phần chân) để cấu trúc rõ ràng cho bảng.

Các thuộc tính của thẻ <thead> (đã ngừng hỗ trợ)

Thuộc tính	Giá trị	Mô tả
align	right, left, center, justify, char	Deprecated – Căn chỉnh trực quan.
char	character	Deprecated – Ký tự căn chỉnh (khi align="char").
charoff	pixels hoặc %	Deprecated – Độ lệch căn chỉnh.
valign	top, middle, bottom, baseline	Deprecated – Căn chỉnh dọc.

Ví dụ

Ví dụ dưới đây minh họa cấu trúc bảng hoàn chỉnh với <thead>, <tbody> và <tfoot>:

<!DOCTYPE html>
<html>
  <head>
    <title>Thẻ thead trong HTML</title>
  </head>
  <body>
    <table style="width:100%" border="1">
      <thead>
        <tr>
          <td colspan="4">Đây là phần đầu bảng</td>
        </tr>
      </thead>
      <tfoot>
        <tr>
          <td colspan="4">Đây là phần chân bảng</td>
        </tr>
      </tfoot>
      <tbody>
        <tr>
          <td>Ô 1</td>
          <td>Ô 2</td>
          <td>Ô 3</td>
          <td>Ô 4</td>
        </tr>
        <tr>
          <td>Ô 1</td>
          <td>Ô 2</td>
          <td>Ô 3</td>
          <td>Ô 4</td>
        </tr>
      </tbody>
    </table>
  </body>
</html>

Lưu ý

Các thuộc tính align, char, charoff, valign đã bị deprecated. Hãy dùng CSS (text-align, vertical-align) để định dạng.