1. Tạo bảng
Các bảng HTML cho phép các tác giả web sắp xếp dữ liệu như văn bản, hình ảnh, liên kết, các bảng khác, v.v. thành các hàng và cột của ô.
<table>
<tr>
<td>…</td>
</tr>
</table>
2. Tiêu đề bảng
Tiêu đề bảng có thể được xác định bằng thẻ <th> . Thẻ này sẽ được đặt để thay thế thẻ <td>, được sử dụng để đại diện cho ô dữ liệu thực tế. Thông thường, bạn sẽ đặt hàng trên cùng của mình làm tiêu đề bảng như hình dưới đây, nếu không, bạn có thể sử dụng phần tử <th> trong bất kỳ hàng nào. Các tiêu đề được xác định trong thẻ <th> được căn giữa và in đậm theo mặc định.
Ví dụ :
3. Thuộc tính Cellpadding và Cellspacing
Có hai thuộc tính được gọi là cellpadding và cellspacing mà bạn sẽ sử dụng để điều chỉnh khoảng trắng trong các ô bảng của mình. Thuộc tính cellspacing xác định khoảng cách giữa các ô trong bảng, trong khi cellpadding biểu thị khoảng cách giữa các đường viền ô và nội dung trong một ô.
Ví dụ
4. Thuộc tính Colspan và Rowspan
Bạn sẽ sử dụng thuộc tính colspan nếu bạn muốn hợp nhất hai hoặc nhiều cột thành một cột duy nhất. Cách tương tự, bạn sẽ sử dụng rowspan nếu bạn muốn hợp nhất hai hoặc nhiều hàng.
Ví dụ
5. Tạo nền trong Table
Bạn có thể đặt nền bảng bằng một trong hai cách sau:
– Thuộc tính bgcolor – Bạn có thể đặt màu nền cho toàn bộ bảng hoặc chỉ cho một ô.
– Thuộc tính background – Bạn có thể đặt hình nền cho toàn bộ bảng hoặc chỉ cho một ô.
Bạn cũng có thể đặt màu viền cũng bằng cách sử dụng thuộc tính bordercolor .
Ví dụ:
Và bạn cũng có thể tạo nền cho table bằng hình ảnh theo mẫu sau
