colgroup 태그


colgroup
1행 1열 1행 2열 1행 3열
2행 1열 2행 2열 2행 3열
"> table colgroup

colgroup 태그


colgroup
1행 1열 1행 2열 1행 3열
2행 1열 2행 2열 2행 3열
"> table colgroup

colgroup 태그


colgroup
1행 1열 1행 2열 1행 3열
2행 1열 2행 2열 2행 3열
"> 
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>table colgroup</title>
<style>
	table{
		border: 1px solid black; border-collapse: collapse; width: 600px; height: 150px;
		text-align: center;
	}
	.tr1{
		border: 1px solid black;
		height: 200px;
	}
	td,th{
		border: 1px solid black;
	
	}
</style>
</head>
<body>
<!--
	# colgroup 태그
	- 표에 하나 이상의 열을 그룹으로 지정할 때 사용.
	- colgroup 태그는 caption 태그 다음에 위치.
	
	# col 태그
	- table 태그 안에 열의 속성을 지정하는 colgroup 태그의 요소 
-->
	<h2>colgroup 태그</h2><br>
	<table>
		<caption>colgroup</caption>
		<colgroup>
			<col style="background-color: silver;">
			<col span="2" style="background-color: yellow;">
		</colgroup>
		<tr class="tr1" id = "tr1">
			<td>1행 1열</td>
			<td>1행 2열</td>
			<td>1행 3열</td>
		</tr>
		<tr>
			<td>2행 1열</td>
			<td>2행 2열</td>
			<td>2행 3열</td>
		</tr>	
	</table>
</body>
</html>