Computer >> 컴퓨터 >  >> 프로그램 작성 >> HTML

HTML 태그

<시간/>

HTML의 col 태그는 각 열에 대한 열 속성을 설정하는 데 사용됩니다. 이러한 열은 요소 내에 있어야 합니다.

다음은 속성입니다 -

  • 범위 : 요소가 확장되어야 하는 열 수

이제 HTML에서 col 태그를 구현하는 예를 살펴보겠습니다 -

예시

<!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 태그