<col>: Dùng để áp dụng thuộc tính gộp nhiều cột trong table
Là một thẻ có chức năng xác định thuộc tính cho một cột nhiều ô của table thay vì, thay vì phải áp dụng thuộc tính cho từng ô riêng lẻ, thì <col> được xác định dùng để áp dụng thuộc tính cũng như các chức năng của css cho một cột nhiều ô của table ,
<col> được mặc định nằm bên trong thẻ table và thẻ <colgroup></colgroup> 2 loại thẻ này được long vào nhau và nằm bên trong vùng của cặp thẻ table,
Dùng để xác định thuộc tính cho các cột gồm nhiều ô với nhau được định dạng chung một thuộc tính css, để hiểu sâu hơn sau đây các bản của thể nhìn quá cách tồi chèn code kiểu như thế này rồi các bạn thử thực hành lại và cảm nhận thực tế hơn về chức năng của bộ thẻ này,
Ví dụ:
Code
<table border="1 " >
<tr>
<th>1 </th>
<th>2</th>
<th>3</th>
<th>4</th>
</tr>
<tbody>
<tr>
<td>4</td>
<td>3</td>
<td>2</td>
<td>1</td>
</tr>
<tr>
<td>5</td>
<td>6</td>
<td>7</td>
<td>8</td>
</tr>
<tr>
<td>Hộp 7 </td>
<td>Hộp 8 </td>
<td>Hộp 9 </td>
<td>Hộp 10 </td>
</tr>
</tbody>
<colgroup>
<col style=" background: red ;">
<col style=" background: pink ; ">
<col style=" background: green ; ">
</colgroup>
</table>
| 1 | 2 | 3 | 4 |
|---|---|---|---|
| 4 | 3 | 2 | 1 |
| 5 | 6 | 7 | 8 |
| Hộp 7 | Hộp 8 | Hộp 9 | Hộp 10 |
Thuộc tính: class
xác định tên gọi một phần tử
Ví dụ: class="section"
class có thể đặt cho nhiều phần tử và nhóm chúng lại để áp dụng css lên một loạt các phần tử cần áp dụng thuộc tính css
Thuộc tính id
xác định tên gọi của phần tử một cách riêng biệt
Ví dụ: id="layout"
id khi được sử dụng chỉ được sử dụng riêng biệt và duy nhất, không được trùng lặp
Thuộc tính - lang
Xác định Mã ngôn ngữ
Ví dụ: lang="vi"
Xác định mã ngôn ngữ cho nội dung trong một thành phần.
Thuộc tính - dir
dir="rtl"
dir=”ltr”
Xác định hướng văn bản cho các nội dung trong một thành phần.
Thuộc tính - style
Xác định kiểu định dạng
Ví dụ: style="background : green; color:black ; "
Thuộc tính này có chức năng xác định kiểu định dạng cho thành phần
title
Ví dụ: Text title=”nội dung ”
Thuộc tính này Xác định thêm thông tin là tiêu đề cho thành phần.
0 Nhận xét