HTML <col> แท็ก

HTML แท็ก

แท็ก col ใน HTML ใช้เพื่อกำหนดคุณสมบัติของคอลัมน์สำหรับแต่ละคอลัมน์ คอลัมน์เหล่านี้ควรอยู่ภายในองค์ประกอบ

ต่อไปนี้เป็นแอตทริบิวต์ −

ช่วง :จำนวนคอลัมน์ที่องค์ประกอบ ควรขยาย

ให้เราดูตัวอย่างการใช้แท็ก col ใน HTML -

ตัวอย่าง

<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
   border: 2px solid black;
}
</style>
</head>
<body>
<h2>ICC Rankings</h2>
<table>
   <colgroup>
      <col span="2" style="background-color:magento;">
      <col style="background-color:blue;">
   </colgroup>
   <tr>
      <th>Player</th>
      <th>Country</th>
      <th>Rank</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>

ผลลัพธ์

HTML col แท็ก