HTML 기초 정리(21) - <col> 열요소 본문
HTML 기초 정리(21) - <col> 열요소
- 2024. 12. 8. 22:33
728x90
정의 및 사용법
태그 는 <colgroup><col> 요소 내의 각 열에 대한 열 속성을 지정합니다 .
이 <col>태그는 각 셀과 각 행에 대해 스타일을 반복하는 대신, 전체 열에 스타일을 적용하는 데 유용합니다.
속성
| 속성 | 값 | 설명 |
| span | number | <col> 요소가 걸쳐야 하는 열의 수를 지정합니다. |
예시
<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
border: 1px solid black;
}
</style>
</head>
<body>
<h1>The col element</h1>
<table>
<colgroup>
<col span="2" style="background-color:red">
<col style="background-color:yellow">
</colgroup>
<tr>
<th>ISBN</th>
<th>Title</th>
<th>Price</th>
</tr>
<tr>
<td>3476896</td>
<td>My first HTML</td>
<td>$53</td>
</tr>
<tr>
<td>5869207</td>
<td>My first CSS</td>
<td>$49</td>
</tr>
</table>
</body>
</html>
반응형
'프로그램 > HTML' 카테고리의 다른 글
| HTML 기초 정리(23) - <data> 데이터 (0) | 2024.12.11 |
|---|---|
| HTML 기초 정리(22) - <colgroup> 열집합 (0) | 2024.12.10 |
| HTML 기초 정리(20) - <cite> 제목 (0) | 2024.12.07 |
| HTML 기초 정리(19) - <caption> 테이블 캡션 (0) | 2024.12.03 |
| HTML 기초 정리(18) - <canvas> 캔버스 (0) | 2024.12.02 |
프로그램/HTML Related Articles
-
HTML 기초 정리(23) - <data> 데이터
-
HTML 기초 정리(22) - <colgroup> 열집합
-
HTML 기초 정리(20) - <cite> 제목
-
HTML 기초 정리(19) - <caption> 테이블 캡션
RECENT COMMENT