HTML cơ bản-8

Bảng HTML
Với HTML bạn cũng có thể tạo bẳng cho trang web của mình.

Ví dụ

Bảng
Ví dụ này chỉ bạn cách tạo một bẳng bằng HTML

Đường biên của bảng

Bảng
Bảng được định dạng bởi thẻ <table>. Một bảng được chia ra làm nhiều hàng với thẻ <tr>, môi hàng được chia ra làm nhiều cột dữ liệu với thẻ <td>. Chữ td là chữ viết tắt của "table data", là nội dung của cột dữ liệu. Một cột dữ liệu có thể bao gồm chữ, hình ảnh, danh sách, đoạn vắn, form và bảng v.v.

<table border="1"> <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>

Đoạn code trên sẽ hiển thị như thế này trong cửa sổ trình duyệt

row 1, cell 1	row 1, cell 2
row 2, cell 1	row 2, cell 2

Bảng và thuộc tính đường biên
Nếu bạn không thiết lập thuộc tính đường biên cho bảng thì bảng của bạn sẽ được hiển thị mà không có đường biên. Đôi khi nó có thể hữu dụng nhưng thường thì bạn muốn bảng của bạn có đường biên.

Để hiển thị đường biên của một bảng, bạn phải sử dụng thuộc tính đường biên.

<table border="1"> <tr> <td>Row 1, cell 1</td> <td>Row 1, cell 2</td> </tr> </table>

Heanding trong bảng
Heading trong một bảng được xác định bằng thẻ <th>

<table border="1"> <tr> <th>Heading</th> <th>Another Heading</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>

Nó sẽ hiển thị như thế này ở trên trình duyệt

Heading	Another Heading
row 1, cell 1	row 1, cell 2
row 2, cell 1	row 2, cell 2