Meraki Center
Nội dung bài viết
Thẻ col trong HTML – Học HTML cơ bản và nâng cao theo các bước đơn giản và dễ hiểu từ HTML là gì, Tag trong HTML, HTML tag, thẻ trong HTML, tổng hợp các thẻ HTML cơ bản, thẻ meta, thuộc tính, định dạng, thẻ trong HTML, commemnt, font, marquee, hình ảnh, link, bảng, frame, danh sách, layout, màu, form, background, style sheet, và sử dụng javascript.-Thẻ
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:
| 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ó | ? |
Bài học HTML phổ biến khác tại vietjack.com:
if(window.innerWidth > 1034) {
document.write(‘‘);
}else{
document.write(‘‘);
}
if(window.innerWidth > 1034) {
document.write(‘‘);
}else{
document.write(‘‘);
}
Nội dung được phát triển bởi đội ngũ Meraki Center với mục đích chia sẻ và tăng trải nghiệm khách hàng. Mọi ý kiến đóng góp xin vui lòng liên hệ tổng đài chăm sóc: 1900 0000 hoặc email: hotro@merakicenter.edu.vn