Thẻ <colgroup> trong HTML

Tag <colgroup> được sử dụng để định dạng cho một nhóm cột trong <table> Tag <colgroup> hữu ích trong việc định dạng chung cho toàn bộ cột, thay vì đình dạng riêng, lặp lại cho mỗi hàng. Tag <colgroup> chỉ được sử dụng bên trong tag <table>

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>
<colgroup></colgroup>
</table>

Ví dụ

<table>
<colgroup span="2" align="left"></colgroup>
<colgroup align="right" style="color:#0000FF;"></colgroup>
<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>

Kết quả:

A B
1 5
9 10

Trình duyệt hỗ trợ

Thẻ <colgroup> trong HTML

<colgroup> được hỗ trợ trong đa số các trình duyệt. Chú ý: Firefox, Chrome, và Safari Chỉ có thuộc tính span và width được hỗ trợ, các thuộc tính khác thì không.

Thuộc tính

Cách sử dụng:

<colgroup thuoctinh="giatri"></colgroup>

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ố lượng của một nhóm cột.
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