Thẻ <col> trong HTML

Miêu tả

Thẻ HTML <col> cho phép các lập trình viên nhóm các cột bảng với nhau. Thẻ này không nhóm các cột với nhau theo một cấu trúc nào đó - mà là vai trò của phần tử <colgroup>.

Các phần tử <col> là trống và chỉ phục vụ như là một sự hỗ trợ cho các thuộc tính.

Ví dụ

<!DOCTYPE html>
<html>
<head>
<title>Vi du the col trong HTML</title>
</head>
<body>
<p>Vi du minh hoa mot colgroup co 3 cot voi do rong khac nhau:</p>
<table border="1">
<colgroup span="3">
<col width="50"></col>
<col width="100"></col>
<col width="150"></col>
<col width="50"></col>
</colgroup>
<tr>
<td>col 1</td>
<td>col 2</td>
<td>col 3</td>
<td>col 4</td>
</tr>
</table>
</body>
</html>

Nó sẽ tạo kết quả sau:

Vi du minh hoa mot colgroup co 3 cot voi do rong khac nhau:

Quảng cáo

col 1

col 2

col 3

col 4

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 đặc trưng

Thẻ HTML <col> cũng hỗ trợ các thuộc tính sau:

Thuộc tính	Giá trị	Miêu tả
align	right left center justify char	Định nghĩa sự căn chỉnh ngang, không được hỗ trợ bởi HTML5.
char	Ký tự	Định nghĩa một ký tự để sử dụng căn chỉnh văn bản (sử dụng với align="char"), không được hỗ trợ trong HTML5.
charoff	pixel	Xác định một offset căn chỉnh (giá trị bằng pixel hoặc bằng phần trăm) ngược lại ký tự đầu tiên như được xác định với thuộc tính char, không được hỗ trợ trong HTML5.
span	Số	Xác định số cột mà <col> nên mở rộng, không được hỗ trợ trong HTML5.
valign	bottom middle top baseline	Định nghĩa sự căn chỉnh đứng, không được hỗ trợ trong HTML5.
width	pixels hoặc %	Xác định một độ rộng mặc định cho mỗi cột bởi phần tử col hiện tại, không được hỗ trợ trong HTML5 .

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

Trình duyệt hỗ trợ

Chrome	Firefox	IE	Opera	Safari	Android
Có	Có	Có	Có	Có	?

Đã có app VietJack trên điện thoại, giải bài tập SGK, SBT Soạn văn, Văn mẫu, Thi online, Bài giảng....miễn phí. Tải ngay ứng dụng trên Android và iOS.

Theo dõi chúng tôi miễn phí trên mạng xã hội facebook và youtube:

Follow fanpage của team https://www.facebook.com/vietjackteam/ hoặc facebook cá nhân Nguyễn Thanh Tuyền https://www.facebook.com/tuyen.vietjack để tiếp tục theo dõi các loạt bài mới nhất về Java,C,C++,Javascript,HTML,Python,Database,Mobile.... mới nhất của chúng tôi.

Bài học HTML phổ biến khác tại vietjack.com: