[table] HTML - <col> 태그 - 테이블열그룹 (= col태그 = 콜태그) (HTML5 수정)

1. <col> 예제 - 테이블 열 그룹
2. <col> 정의
3. <col> 구문
4. <col> 속성 (HTML5 제외 속성은 CSS 이용)

<col> 예제 - 테이블 열 그룹 

 

<style>
table {width:600px;}
td {text-align:center;}
table,th,td {border:1px solid black;}
</style>

<table>

  <caption>홈페이지 제작 무료 강의 - 홈짱닷컴 (homzzang.com)</caption>
  <colgroup>
    <col span="2" style="background-color:red">
    <col style="background-color:green">
  </colgroup>
  <tr>
    <th>HTML</th>
    <th>CSS</th>
    <th>PHP</th>
  </tr>
  <tr>
    <td>무료</td>
    <td>무료</td>
    <td>무료</td>
  </tr>
</table>

결과보기 

<col> 정의

 
테이블 내 여러 열의 속성을 한번에 지정할 때 사용.

 

---

 

0.

col : column (열 = 세로줄) 의미.

 

1. 
<colgroup> 태그 내에서 사용해야 하며, 
각 열마다 속성 지정 대신 한번에 여러 열을 묶어 사용할 수 있어 편리함.

 

2. 
HTML4.01에서 지원되는 모든 속성이 
HTML5에서는 span 태그 제외하고 모두 지원 안 됨.

 

3. 
HTML4.01과 HTML5에서는 닫는 태그 없이 사용하나,

XHTML에서는 반드시 끝부분에 /를 붙여 닫아줘야 함. (예) <col />

 

<col> 구문

<col> 속성 (HTML5 제외 속성은 CSS 이용)