Ô tiêu đề trong bảng HTML

Ngoài thẻ td còn có thẻ th, chúng cũng tạo ra các ô. Nhưng đây sẽ không phải là ô thông thường mà là ô tiêu đề, dùng để chỉ ra nội dung nằm trong cột (hoặc hàng) của bảng. Theo mặc định, văn bản trong các ô th sẽ được in đậm và căn giữa.

Hãy xem ví dụ. Giả sử chúng ta có bảng sau về nhân viên:

html<table border="1" width="300">
  <tr>
    <td>John</td>
    <td>Smith</td>
    <td>200$</td>
  </tr>
  <tr>
    <td>Nick</td>
    <td>Mayers</td>
    <td>300$</td>
  </tr>
  <tr>
    <td>Alex</td>
    <td>Jonson</td>
    <td>400$</td>
  </tr>
</table>

Результат:

Như bạn thấy, cột đầu tiên chứa tên nhân viên, cột thứ hai - họ, và cột thứ ba - lương. Hãy tạo thêm một hàng ở đầu bảng, trong đó đặt tiêu đề các cột trong thẻ th:

html<table border="1" width="300">
  <tr>
    <th>Name</th>
    <th>Surname</th>
    <th>Salary</th>
  </tr>
  <tr>
    <td>John</td>
    <td>Smith</td>
    <td>200$</td>
  </tr>
  <tr>
    <td>Nick</td>
    <td>Mayers</td>
    <td>300$</td>
  </tr>
  <tr>
    <td>Alex</td>
    <td>Jonson</td>
    <td>400$</td>
  </tr>
</table>

Результат: