HTML 참조 가이드

HTML 태그 전체 목록

HTML: <col> 태그

HTML <col> 요소는 테이블의 열을 정의하고 모든 공통 셀에 공통 의미를 정의합니다. 일반적으로 <colgroup> 요소 내에 위치합니다.

온라인 예제

<colgroup>와 <col> 태그는 테이블의 세 개의 열에 배경색을 설정합니다:

예제

!doctype　html>
<html>
<head>
<meta　charset="UTF-8">
<title>기본 강의 웹(oldtoolbag.com)</title>　
</head>
<body>
<table>
　　<colgroup>
　　　　<col　span="3"　style="background-color:#FFF3E0;">
　　　　<col　style="background-color:orange;">
　　</colgroup>
　　<thead>
　　　　<tr>
　　　　　　<th>Item</<th>
　　　　　　<th>Quantity</<th>
　　　　　　<th>Price</<th>
　　　　　　<th>Total</<th>
　　　　</tr>
　　</<thead>
　　<tbody>
　　　　<tr>
　　　　　　<td>Oranges</td>
　　　　　　<td>45</td>
　　　　　　<td>$2</td>
　　　　　　<td>$90</td>
　　　　</tr>
　　</tbody>
</table>
</body>
</html>

테스트를 보세요 ‹/›

이 HTML5문서 예제에서는 <colgroup>, <thead> 및 <tbody> 부분을 포함한 테이블을 생성했습니다. <colgroup> 부분에서는 두 개의 <col> 태그를 사용했습니다. 첫 번째 <col> 태그는前三열을 그룹화하고 이 열의 배경색을 연주황색(#FFF)으로 설정합니다.3E0의 16진 값. 두 번째 <col> 태그는 네 번째 열을 그룹화하고 그 배경색을 주황색으로 설정합니다.

브라우저 호환성

IEFirefoxOperaChromeSafari

모든 주요 브라우저가 <col> 태그를 지원합니다.

태그 정의 및 사용 설명

<col> 태그는<colgroup>부분을 사용하여 열의 속성을 정의합니다.

<col> 태그를 사용하여, 각 셀이나 행에 스타일을 반복적으로 설정하지 않고 전체 열에 스타일을 적용할 수 있습니다.

HTML 4.01 와 HTML5간의 차이

HTML5 에서 더 이상 HTML을 지원하지 않습니다. 4.01 의 대부분의 속성.

HTML과 XHTML 간의 차이

HTML에서 <col> 태그는 종료 태그가 없습니다.

XHTML에서 <col> 태그는 올바르게 닫혀야 합니다.

속성

속성	값	설명
align	left 　right 　center 　justify 　char	HTML5 지원하지 않음. <col> 요소와 관련된 내용의 수평 정렬 방식을 지정합니다.
char	character	HTML5 지원하지 않음. <col> 요소와 관련된 내용을 정렬하는 데 사용할 문자를 지정합니다.
charoff	number	HTML5 지원하지 않음. 첫 번째 정렬 문자의 오프셋을 지정합니다.
span	number	<col> 요소가 얼마나 많은 열을 걸쳐야 하는지 지정합니다.
valign	top 　middle 　bottom 　baseline	HTML5 지원하지 않음. <col> 요소와 관련된 내용의 수직 정렬 방식을 지정합니다.
width	% 　pixels 　relative_length	HTML5 지원하지 않음. <col> 요소의 너비를 지정합니다.