Giới thiệu

Tag <col> trong HTML được sử dụng để xác định các thuộc tính của một cột trong một bảng. Bằng cách sử dụng tag <col>, chúng ta có thể áp dụng các thuộc tính như màu sắc, chiều rộng, và căn chỉnh cho một hoặc nhiều cột trong bảng một cách dễ dàng.

Cú pháp

<col> 

Thuộc tính

• span: Xác định số lượng cột mà thẻ <col> sẽ áp dụng thuộc tính cho.
• width: Xác định chiều rộng của cột.
• style: Định dạng CSS để áp dụng cho cột.

Ví dụ

<table>
  <colgroup>
    <col style="background-color: #f2f2f2;">
    <col span="2" style="background-color: #e6e6e6;">
  </colgroup>
  <tr>
    <th>Header 1</th>
    <th>Header 2</th>
    <th>Header 3</th>
  </tr>
  <tr>
    <td>Data 1</td>
    <td>Data 2</td>
    <td>Data 3</td>
  </tr>
</table>

Trong ví dụ trên, chúng ta sử dụng tag <colgroup> để nhóm các cột cần áp dụng thuộc tính. Các thẻ <col> bên trong <colgroup> sẽ xác định các thuộc tính cho từng cột. Trong trường hợp này, chúng ta đã xác định màu nền và số lượng cột mà thuộc tính sẽ áp dụng cho.

Tag <col> trong HTML là một công cụ mạnh mẽ để tùy chỉnh giao diện của bảng một cách linh hoạt và dễ dàng.