테이블 기본 태그

• <table> Tag 표를 만드는 태그로, 표 전체를 감싸는 데 사용
• <caption> Tag 표의 제목이나 설명을 작성하는 태그
• <tr> Tag 표의 행으로, 자식 태그로 <th> 또는 <td> 태그가 반드시 있어야 합니다.
• <th> Tag 표의 제목 열로, 부모태그인 <tr> 태그 안에 있어야 합니다.
• <td> Tag 표의 일반 열로, 부모태그인 <tr> 태그 안에 있어야 합니다.

<table>
		<caption>성적표</caption>
		<tr>
			<th>반</th>
			<th>이름</th>
			<th>국어</th>
			<th>영어</th>
			<th>수학</th>
			<th>과학</th>
		</tr>
		<tr>
			<td>1반</td>
			<td>홍길동</td>
			<td>90점</td>
			<td>80점</td>
			<td>50점</td>
			<td>60점</td>
		</tr>
</table>

테이블의 구조를 지정하는 태그

• <thead> Tag 표의 제목 열들을 묶는 그룹 태그
• <tbody> Tag 표의 일반적인 데이터들을 묶는 그룹 태그
• <tfoot> Tag 표의 하단 영역을 묶는 그룹 태그

<table>
		<caption>성적표</caption>
		<thead>
			<tr>
				<th>반</th>
				<th>이름</th>
				<th>국어</th>
				<th>영어</th>
				<th>수학</th>
				<th>과학</th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<td>1반</td>
				<td>홍길동</td>
				<td>90점</td>
				<td>80점</td>
				<td>50점</td>
				<td>60점</td>
			</tr>
			<tr>
				<td>1반</td>
				<td>김영희</td>
				<td>50점</td>
				<td>60점</td>
				<td>90점</td>
				<td>100점</td>
			</tr>
		</tbody>
		<tfoot>
			<tr>
				<th>평균</th>
				<td></td>
				<td>70점</td>
				<td>70점</td>
				<td>70점</td>
				<td>80점</td>
			</tr>
		</tfoot>
	 </table>

행이나 열을 합치는 속성

• rowspan 속성 행을 병합하는 속성, 예) <td rowspan="2">
• colspan 속성 열을 병합하는 속성, 예) <td colspan="2">

<table>
		<caption>성적표</caption>
		<thead>
			<tr>
				<th>반</th>
				<th>이름</th>
				<th>국어</th>
				<th>영어</th>
				<th>수학</th>
				<th>과학</th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<td rowspan="2">1반</td>
				<td>홍길동</td>
				<td>90점</td>
				<td>80점</td>
				<td>50점</td>
				<td>60점</td>
			</tr>
			<tr>
				<!-- 두 행을 합치기위해 td태그 하나 주석 -->
				<!-- <td>1반</td> -->
				<td>김영희</td>
				<td>50점</td>
				<td>60점</td>
				<td>90점</td>
				<td>100점</td>
			</tr>
		</tbody>
		<tfoot>
			<tr>
				<!-- 두 열을 합치기위해 td태그 하나 주석 -->
				<th colspan="2">평균</th>
				<!-- <td></td> -->
				<td>70점</td>
				<td>70점</td>
				<td>70점</td>
				<td>80점</td>
			</tr>
		</tfoot>
	 </table>

열을 묶어 주는 태그

• <colgroup> Tag 열의 그룹을 정의하여, 해당 열에 대한 스타일이나 속성 등을 그룹화 할 수 있는 태그
• <col> Tag <colgroup> 태그의 자식으로 열 단위로 나눌 수 있는 태그

<table>
		<caption>성적표</caption>
		<colgroup>
			<col>
			<col>
			<col>
			<!-- 4번째 열에 스타일 지정 -->
			<col class="col2">
			<col>
			<col>
		</colgroup>
		<thead>
			<tr>
				<th>반</th>
				<th>이름</th>
				<th>국어</th>
				<th>영어</th>
				<th>수학</th>
				<th>과학</th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<td rowspan="2">1반</td>
				<td>홍길동</td>
				<td>90점</td>
				<td>80점</td>
				<td>50점</td>
				<td>60점</td>
			</tr>
			<tr>
				<!-- <td>1반</td> -->
				<td>김영희</td>
				<td>50점</td>
				<td>60점</td>
				<td>90점</td>
				<td>100점</td>
			</tr>
		</tbody>
		<tfoot>
			<tr>
				<th colspan="2">평균</th>
				<!-- <td></td> -->
				<td>70점</td>
				<td>70점</td>
				<td>70점</td>
				<td>80점</td>
			</tr>
		</tfoot>
 </table>