Thẻ <col> trong HTML

Giới thiệu

Thẻ <col> trong HTML dùng để định nghĩa thuộc tính cột cho từng cột trong bảng. Thẻ này phải nằm bên trong phần tử <colgroup>. Thường dùng để áp dụng style (màu nền, chiều rộng) cho toàn bộ cột thay vì lặp lại trên mỗi ô <td>.

Thuộc tính chính

• span: Số cột mà phần tử <col> này áp dụng (mặc định là 1).

Ví dụ minh họa

<!DOCTYPE html>
<html>
<head>
  <style>
    table, th, td { border: 2px solid black; }
  </style>
</head>
<body>
  <h2>Bảng xếp hạng ICC</h2>
  <table>
    <colgroup>
      <col span="2" style="background-color:magenta;">
      <col style="background-color:blue;">
    </colgroup>
    <tr><th>Cầu thủ</th><th>Quốc gia</th><th>Xếp hạng</th></tr>
    <tr><td>Jack</td><td>WI</td><td>1</td></tr>
    <tr><td>Tom</td><td>AUS</td><td>2</td></tr>
    <tr><td>Virat</td><td>IND</td><td>3</td></tr>
    <tr><td>Steve</td><td>AUS</td><td>4</td></tr>
    <tr><td>Kane</td><td>NZ</td><td>5</td></tr>
    <tr><td>David</td><td>AUS</td><td>6</td></tr>
  </table>
</body>
</html>

Kết quả hiển thị

Hai cột đầu (Cầu thủ, Quốc gia) có nền magenta, cột thứ ba (Xếp hạng) có nền xanh dương.