html에서 테이블 태그는 가장 많이 쓰이는 태그 요소 중 하나죠. 특히 명단이나 리스트를 보여줄 때 가장 쉽게 구현이 가능한 방법입니다. 이런 테이블을 구성하는데 사용할 수 있는 태그는 참 많습니다.

table, thead, tbody, tr, td 등등등 정말 많습니다. 오늘은 그중에 하나인 colgroup 태그에 대하여 알아보도록 하겠습니다.


# colgroup 태그란 무엇인가이 태그는 뒤에 나오는 컬럼(td 태그)에 적용할 스타일을 해당 태그에서 미리 적용할 수 있게합니다. 특히 각 컬럼의 길이를 설정하는데 가장 많이 쓰입니다. 예를들어 아래와 같은 테이블에서 각각의 컬럼들이 width가 각각 다음과 같이 정하려 한다면...

1. 첫번째 컬럼 : 번호 td - 20px
2. 두번째 컬럼 : 제목 td - 100px
3. 세번째 컬럼 : 이름 td - 30px

코드는 다음과 같이 설정하게 됩니다.


# colgroup 예제코드 보기아래는 테이블을 하나 만들고 width를 css가 아닌 colgroup 태그의 width 속성으로 적용한 예제입니다.
<table>
<colgroup>
<col width="20px" />
<col width="100px" />
<col width="30px" />
</colgroup>

<thead>
<tr>
<td>번호</td>
<td>제목</td>
<td>이름</td>
</tr>
</thead>



# 마치면서. 알아둘 사항들html5에서 공식적으로 지원되지 않습니다. 사실 스타일과 태그 요소의 분리를 위해 css를 사용하는게 좋을 것입니다. 하지만 그럼에도 불구... 아직까지 대부분의 사이트.. 특히 cms 등의 목적에서 수 없이 사용되고 있습니다.