Cơ bản về bảng

Trong HTML, bảng là cách sắp xếp dữ liệu thành các hàng và cột. Bảng thường dùng để hiển thị dữ liệu theo cấu trúc, chẳng hạn như lịch trình, số liệu thống kê hoặc bất kỳ loại thông tin nào khác có thể trình bày dưới dạng lưới. Để tạo bảng, bạn dùng thẻ <table> cùng với các thẻ khác như <tr> cho hàng trong bảng, <td> cho dữ liệu trong bảng (ô) và <th> cho tiêu đề bảng.

Đây là cấu trúc cơ bản của một bảng HTML:

<table>
	<tr>
		<th>Header 1</th>
		<th>Header 2</th>
	</tr>
	<tr>
		<td>Row 1, Cell 1</td>
		<td>Row 1, Cell 2</td>
	</tr>
	<tr>
		<td>Row 2, Cell 1</td>
		<td>Row 2, Cell 2</td>
	</tr>
</table>

• <table>: Thẻ dùng để định nghĩa bảng.

• <tr>: Thẻ dùng để xác định một hàng trong bảng.

• <th>: Thẻ này dùng để xác định ô tiêu đề. Các ô tiêu đề thường dùng làm tiêu đề cột hoặc hàng và mặc định được hiển thị bằng chữ đậm.

• <td>: Thẻ xác định một ô thông thường trong bảng.

Bảng này sẽ hiển thị trong trình duyệt như sau:

Trong ví dụ này, ta có một bảng gồm hai hàng và hai cột. Hàng đầu tiên chứa các ô tiêu đề, còn các hàng tiếp theo chứa các ô dữ liệu thông thường. Cấu trúc này tạo nên bố cục dạng lưới đơn giản, dễ đọc và dễ hiểu.