Computer >> Máy Tính >  >> Lập trình >> HTML

Làm thế nào để bao gồm các nhóm cột của bảng trong HTML?


Sử dụng thẻ để bao gồm các nhóm cột trong bảng. Thẻ HTML được sử dụng để chỉ định thuộc tính cho một nhóm cột trong bảng. Nếu bạn cần áp dụng các thuộc tính khác nhau cho một cột trong nhóm cột, bạn có thể sử dụng thẻ col HTML trong thẻ nhóm nhóm.

Sau đây là các thuộc tính -

sẽ kéo dài, không được hỗ trợ trong Html5
nên kéo dài, không được hỗ trợ trong Html5.
Thuộc tính
Giá trị
Mô tả
Căn chỉnh
phải
để lại
Trung tâm
biện minh
char
Xác định căn chỉnh theo chiều ngang, không được hỗ trợ trong Html5 .
Biểu đồ
ký tự
Xác định ký tự được 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 số cột mà
Khoảng cách
số
xác định số cột mà
Giá trị
bottom
tên đệm
đứng đầu
đường cơ sở
Xác định căn chỉnh theo chiều dọc, không được hỗ trợ trong Html5.
Chiều rộng pixel hoặc% Chỉ định chiều rộng mặc định cho mỗi cột được mở rộng bởi phần tử col hiện tại, không được hỗ trợ trong Html5.

Ví dụ

Bạn có thể thử chạy mã sau để triển khai thẻ trong HTML -

<!DOCTYPE html>
<html>
   <head>
      <title>HTML col Tag</title>
   </head>
   <body>
      <p>This example shows a colgroup that has three columns of different widths:</p>
      <table border = "1">
         <colgroup span = "4">
            <col width = "40"></col>
            <col width = "70"></col>
            <col width = "100"></col>
            <col width = "130"></col>
            <col width = "160"></col>
            </colgroup>
         <tr>
            <td>One</td>
            <td>Two</td>
            <td>Three</td>
            <td>Four</td>
            <td>Five</td>
         </tr>
      </table>
   </body>
</html>