Bảng được sử dụng rất nhiêu khi thiết kế web. Do đó đây là một thẻ quan trọng.

Tables
Ví dụ về bảng

Table borders
Ví dụ về đường viền khung

Tables

Bảng được định nghĩa bởi thẻ <table>. Một bảng được chia ra bởi các dòng (với thẻ <tr>) và cột (với thẻ <td>). Từ td viết tắt bởi “table data”, nghĩa là nội dung trong một ô. Nội dung trong ô có thể là chữ, hình ảnh, đoạn văn, biểu mẫu, …

Nó sẽ xuất hiện như vậy :

Bảng và thuộc tính border

Nếu bạn không chỉ ra thuộc tính border thì bảng sẽ không có viền khung. Đôi khi cái này có thể hữu dụng, nhưng hầu như lúc nào bạn cũng muốn viền khung xuất hiện.

Để hiện viền khung, bạn phải sử dụng thuộc tính border :

Tiêu đề trong bảng

Tiêu đề trong bảng được định nghĩa bởi thẻ <th>.

Nó xuất hiện thế này

Ô trống trong bảng

Sẽ xuất hiện như thế này :

Đôi khi viền xung quanh ô trống sẽ không xuất hiện. (Tuy nhiên, Firefox sẽ hiện)

Để tránh điều này chúng ta thêm &nbsp vào ô trống :

Sẽ hiện thế này

Basic Notes - Useful Tips

Thẻ <thead>,<tbody> và <tfoot> ít khi được sử dụng, bởi vì ít trình duyệt hỗ trợ.

Table with no border
Bảng không có khung viền

Headings in a table
Thẻ tiêu đề trong bảng

Empty cells
Ô trống

Table with a caption
Bảng với một caption

Table cells that span more than one row/column
Bảng có ô dài hơn cột hoặc hàng.

Tags inside a table
Bảng chứa trong bảng.

Cell padding
Khoảng cách trong ô.

Cell spacing
Khoảng cách giữa các ô.

Add a background color or a background image to a table
Hình nền và màu nền trong bảng.

Add a background color or a background image to a table cell
Hình nền và màu nền trong ô

Align the content in a table cell
Canh lề chữ trong bảng.

The frame attribute
Sử dụng thuộc tính frame trong bảng

The frame and border attributes
Sử dụng thuộc tính frame và border

Các thẻ bảng