일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 | 31 |
Tags
- Linux apt-get
- UNPROTECTED PRIVATE KEY FILE
- git 계정 설정
- GIT
- EC2 oh my zsh
- arbitrum sepolia eth
- ssl 인증서 발급받기
- EC2 Apache2
- Linux apt
- Navigation Pattern
- EC2 zsh
- 아비트럼 새폴리아 이더 받는법
- linux background
- Linux 디렉터리 구조
- javascript 정렬
- Logback
- 서버의 서비스 방식
- Git 브랜치
- EC2 HTTP 호스팅
- HTTP Web Server
- git 기본 에디터
- Linux oh my zsh
- AWS EC2 서버 만들기
- Linux 디렉터리 역할
- git switch
- git branch
- javascript scope
- linux foreground
- nginx https 설정
- ec2 ssh unprotected private key file
Archives
- Today
- Total
HyunJun 기술 블로그
colgroup, col 본문
728x90
colgroup & col
<colgroup>과 <col>은 HTML 테이블(table) 요소에서 사용되는 요소로, 테이블의 열(column)들을 정의하고 스타일을 적용하는 데 사용된다.
1) colgroup
<colgroup> 요소는 테이블의 여러 열을 그룹화하여 공통적인 스타일을 적용하는 데 사용된다. 보통 <colgroup>은 <table> 요소 바로 다음에 온다. <colgroup> 요소 내부에는 하나 이상의 <col> 요소가 들어간다.
2) col
<col> 요소는 <colgroup> 요소 내에서 사용되며, 각 열(column)에 대한 스타일을 정의하는 데 사용된다. <col> 요소는 열의 속성을 지정하는데 유용하며, 주로 스타일을 적용하는데 활용된다.
<table>
<colgroup>
<col style="background-color: lightblue; width: 30%" />
<col style="background-color: lightgreen; width: 70%" />
</colgroup>
<tr>
<td>열 1</td>
<td>열 2</td>
</tr>
<tr>
<td>열 1</td>
<td>열 2</td>
</tr>
<tr>
<td>열 1</td>
<td>열 2</td>
</tr>
</table>
위의 예제에서 <col> 요소는 첫 번째 열과 두 번째 열의 스타일을 지정한다. 이로 인해 첫 번째 열과 두 번째 열의 배경색이 각각 lightblue와 lightgreen으로 설정된다. <colgroup>과 <col> 요소는 테이블의 열을 그룹화하고 스타일을 적용하는데 유용한 방법으로, 특히 많은 열을 가진 테이블에서 일괄적으로 스타일을 적용하고자 할 때 사용된다. 각 컬럼의 width를 따로 %로 줄 때 많이 사용한다.
728x90
Comments