Table

Trình bày thẻ tạo bảng (table) trong html - bảng là dữ liệu có tính cấu trúc: bảng (table) - được tạo bởi các dòng (row) - các dòng được tạo bởi các ô (cell). Tìm hiểu cách hiệu chỉnh bảng: thay đổi border - cellspacing - cellpadding - table bgcolor ...

Trong bảng, chiều rộng hay chiều dài đều được tính bằng đơn vị pixel. Thẻ <table> được dùng để tạo bảng trong tài liệu HTML. Các thuộc tính của phần tử <table> được áp dụng cho việc định dạng khung nhìn ( dòng kẻ, khoảng cách giữa các ô [cell spacing] - căn lề đổ dữ liệu [cell padding] nhưng không cho dữ liệu hiển thị trên bảng. Đơn vị cơ bản của bảng là một ô (cell) và được định nghĩa bằng thẻ <td>. Một hàng của bảng được định nghĩa bằng thẻ <tr> - một hàng sẽ có 1 hoặc nhiều ô (cell).

• Tag <table> được dùng để tạo một bảng HTML.
• Một tag <table> đơn giản có chứa một hoặc nhiều <tr>, <th> và <td>, trong đó:
• <tr> xác định hàng của table.
• <th> xác định phần tử tiêu đề của table
• <td> xác định phần tử nội dung của table
• Một table phức tạp có thể bao gồm nhiều thành phần khác, gồm: <caption>, <col>, <colgroup>, <thead>, <tfoot>, <tbody>...

Cấu trúc

[table]
	*[tr]
		**[th]Lý Mạc Sầu[/th]
		**[th]Cô Long[/th]
		**[th]Dương Quá[/th]
	*[/tr]
	*[tr]
		**[td]Nữ[/td]
		**[td]Nữ[/td]
		**[td]Nam[/td]
	*[/tr]
	*[tr]
		**[td]9[/td]
		**[td]10[/td]
		**[td]0[/td]
	*[/tr]
[/table]

[table]
	*[tr]
		**[th]Lý Mạc Sầu[/th]
		**[th]Cô Long[/th]
		**[th]Dương Quá[/th]
	*[/tr]
	*[tr]
		**[td colspan="2"]Nữ[/td]
		**[td]Nam[/td]
	*[/tr]
	*[tr]
		**[td]9[/td]
		**[td]10[/td]
		**[td]0[/td]
	*[/tr]
[/table]

Viết đúng

[table]
	*[thead]
		**[tr]
			***[th]Lý Mạc Sầu[/th]
			***[th]Cô Long[/th]
			***[th]Dương Quá[/th]
		**[/tr]
	*[/thead]
	*[tbody]
		**[tr]
			***[td colspan="2"]Nữ[/td]
			***[td]Nam[/td]
		**[/tr]
	*[/tbody]
	*[tfoot]
		**[tr]
			***[td]9[/td]
			***[td]10[/td]
			***[td]0[/td]
		**[/tr]
	*[/tfoot]
[/table]