Ô 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:

<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:

<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>

Hãy lặp lại ví dụ dưới đây: