[HTML] col / colgroup 태그

[HTML]
col / colgroup 태그

---

✔️ col 태그 / colgroup 태그

: 각 열의 속성을 정의

: 그룹은 서식 지정을 위해 하나 이상의 열을 그룹으로 묶을 때 사용. 요즘엔 css 가 일반적이라서 거의 안쓴다고 한다.

<table border="1" style="width: 400px; margin: 20px auto;">
	<colgroup>
		<col width="40%" style="background: lightblue">
		<col width="20%" style="background: #e4e4e4">
		<col width="20%" style="background: #e4e4e4">
		<col width="20%" style="background: #124453">
		
	</colgroup>
	<tr>
		<td>이름</td>
		<td>국어</td>
		<td>영어</td>
		<td>수학</td>
	</tr>
	<tr>
		<td>김바바</td>
		<td>90</td>
		<td>80</td>
		<td>80</td>
	</tr>
	<tr>
		<td>다다다</td>
		<td>90</td>
		<td>80</td>
		<td>80</td>
	</tr>


</table>
<hr><br>

 

<table border="1" style="width: 400px; margin: 20px auto;">
	<col style="background: #eee;">
	<col span="3" style="background: yellow;"> <!--  align은 적용 안됨 -->
	<tr>
		<td>이름</td>
		<td>국어</td>
		<td>영어</td>
		<td>수학</td>
	</tr>
	<tr>
		<td>김바바</td>
		<td>90</td>
		<td>80</td>
		<td>80</td>
	</tr>
	<tr>
		<td>다다다</td>
		<td>90</td>
		<td>80</td>
		<td>80</td>
	</tr>


</table>
<hr><br>

💡 col span="3" : 3개의 열에게 똑같은 효과를 주겠다는 뜻이다.