Thẻ <col> trong HTML

  • Tag <col> xác định giá trị thuộc tính cho một hoặc nhiều cột trong <table>
  • Tag <col> hữu ích trong việc định dạng chung cho từng cột, thay vì đình dạng riêng, lặp lại cho mỗi hàng.
  • Tag <col>chỉ được sử dụng bên trong tag <table> hay <colgroup>

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 hỗ trợ trong HTML5.

Cấu trúc

<table>
<col />
</table>

Ví dụ

<table>
<col align="left" />
<col align="left" />
<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ẻ <col> trong HTML

<col> được hỗ trợ trong đa số các trình duyệt. Chú ý: Chỉ có thuộc tính width chạy tốt với firefox, các thuộc tính khác thì không.

Thuộc tính

Cách sử dụng:

<col thuoctinh="giatri" />

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
span Số span="5" Số cột của table.
Thuộc tính không hỗ trợ trong HTML5
align left
right
center
justify
char
align="left" Không hỗ trợ trong HTML5.
char Ký tự char="a" Không hỗ trợ trong HTML5.
charoff Số charoff="5" Không hỗ trợ trong HTML5.
valign top
middle
bottom
baseline
valign="top" Không hỗ trợ trong HTML5.
width %
pixels
em
width="100px" Không hỗ trợ trong HTML5.

Các thuộc tính Global

Thẻ này hỗ trợ tất cả các thuộc tính Global được miêu tả trong chương: Tổng hợp thuộc tính trong HTML

Các thuộc tính sự kiện

Thẻ này hỗ trợ tất cả các thuộc tính sự kiện được miêu tả trong chương: Tổng hợp sự kiện (Event) trong HTML

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

Viết câu trả lời

Drop Images

0 Bình luận