테이블 태그
tr : 표에 행(row)을 추가 해줌
th : 행의 제목(head)
td : 행의 내용이되는 태그 , th,td는 tr의 자식태그
- caption 표 중앙에 표시되는 테이블 제목 (table 태그 바로 뒤에 사용)
- clospan : 지정한 셀의 개수만큼 가로로 병합(컬럼끼리 병합)
- rowspan : 지정한 셀의 개수만큼 세로로 병합(행끼리 병합)
- colgroup : 컬럼들의 그룹을 생성 , 주로 컬럼의 길이를 설정하는데 많이 씀.
caption 태그가 존재하는경우, caption 뒤에 쓴다.
그 외 테이블의 모든 태그 앞에 위치 - col : 열에 속하는 칸에 공통된 의미를 부여 할 때 사용 clogroup의 하위(자식)태그
--colgroup 태그 사용 예시--
<table>
<caption>
<b style="color: red;">Frontent Framework</b>
<p>요새 자주 사용되는 SPA Framework</p>
</caption>
<!--colgroup: caption 태그 뒤, tr 태그 위에 선언
컬럼들을 묶어주는 역할
-->
<colgroup>
<!--col: colgroup태그 안에서 선언가능한 태그
컬럼마다 스타일을 다르게 줄 수 있는 태그
col 태그의 개수는 최대 테이블에 존재하는 컬럼의 개수
닫는 태그가 없다. 오로지 셀에 관련된 스타일만 적용가능하다.
-->
<col style="background-color: yellow;">
<col style="background-color: aqua;">
<col style="background-color: lightgreen; width: 1000px;">
</colgroup>
<tr>
<th>언어</th>
<th>개발회사</th>
<th>배포년도</th>
</tr>
<tr>
<td>React</td>
<td>메타(구 페이스북)</td>
<td>2013</td>
</tr>
<tr>
<td>Vue</td>
<td>MIT</td>
<td>2012</td>
</tr>
</table>