Thẻ <th> trong HTML
- Tag
<th>được dùng để tạo phần tử tiêu đề trong bảng HTML. Tag
<th>được sử dụng bên trong<tr>, và thường kèm với<td>, tất cả được chứa bên trong<table>, trong đó:<tr>xác định hàng của<table><td>xác định phần tử nội dung của<table>
- Ta có thể sử dụng các thuộc tính colspan và rowspan để gộp nhiều
<td>theo chiều dọc hoặc chiều ngang, xem thêm ví dụ tại đây
Sự khác nhau giữa HTML4.01 và HTML5
| HTML4.01 | HTML5 |
|---|---|
| - | Đa số thuộc tính tùy chọn không được hỗ trợ trong HTML5. |
Cấu trúc
<th></th>
Ví dụ
<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:
| A | B |
|---|---|
| 1 | 5 |
| 9 | 10 |
Trình duyệt hỗ trợ
<th> được hỗ trợ trong đa số các trình duyệt.
Thuộc tính
Cách sử dụng:
<th thuoctinh="giatri"></th>
Thuộc tính tùy chọn
| Thuộc tính | Giá trị | Ví dụ | Mô tả |
|---|---|---|---|
| Thuộc tính như HTML4.01 | |||
| colspan | Số | colspan="2" | Xác định số cột được gộp trong một phần tử <table> |
| headers | Tên cho phần tử đầu | headers="mail" | Xác định phần đầu của <table> liên quan tới của phần tử <table>. |
| rowspan | Số | rowspan="2" | Xác định số hàng được gộp trong một phần tử <table> |
| scope | col colgroup row rowgroup | scope="col" | Định nghĩa sự liên kết giữa các phần tử <table> tiêu đề và phần tử <table> nội dung. |
| Thuộc tính không hỗ trợ trong HTML5 | |||
| abbr | Text | abbr="Đoạn viết tắt" | Không hỗ trợ trong HTML5. |
| align | left right center justify cha | align="left" | Không hỗ trợ trong HTML5. Sử dụng thuộc tính text-align của css để thay thế. |
| axis | Tên danh mục | axis="catName" | Không hỗ trợ trong HTML5. |
| bgcolor | rgb(x,x,x) #xxxxxx colorname | bgcolor="#ff0000" | Không hỗ trợ trong HTML5. Sử dụng thuộc tính background-color của css để thay thế. |
| char | Ký tự | char="a" | Không hỗ trợ trong HTML5. |
| charoff | Số | charoff="2" | Không hỗ trợ trong HTML5. |
| height | pixels % | height="50px" | Không hỗ trợ trong HTML5. Sử dụng thuộc tính height của css để thay thế. |
| nowrap | nowrap | nowrap="nowrap" | Không hỗ trợ trong HTML5. |
| valign | top middle bottom baseline | valign="top" | Không hỗ trợ trong HTML5. Sử dụng thuộc tính vertical-align của css để thay thế. |
| width | pixels % | width="100px" | Không hỗ trợ trong HTML5. Sử dụng thuộc tính width của css để thay thế. |
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
