Thẻ <table> trong HTML

Thẻ <table> trong HTML

• Tag <table> được dùng để tạo một bảng HTML

• 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>, và <tbody>.

Sự khác nhau giữa HTML4.01 và HTML5

Cấu trúc

<table></table>

Ví dụ phần tử tiêu đề <th> theo chiều ngang

<table>
<tr>
<th>A</th>
<th>B</th>
</tr>
<tr>
<td>1</td>
<td>5</td>
</tr>
<tr>
<td>9</td>
<td>10</td>
</tr>
</table>

Hiển thị trình duyệt:

Ví dụ phần tử tiêu đề <th> theo chiều dọc

<table>
<tr>
<th>A</th>
<td>1</td>
<td>3</td>
</tr>


<tr>
<th>B</th>
<td>2</td>
<td>4</td>
</tr>
</table>

Kết quả:

Trình duyệt hỗ trợ

<table>được hỗ trợ trong đa số các trình duyệt.

Thuộc tính

Cách sử dụng:

<table thuoctinh="giatri"></table>

Thuộc tính tùy chọn

Thuộc tính Tổng quát và thuộc tính sự kiện

Tất cả thuộc tính tổng quát và thuộc tính sự kiện được xác định trên phần lớn các thành phần HTML5