HTML에서 표를 만들 수 있는 테이블 요소에 대해서 알아보자!


테이블의 기본 구조

table 태그
thead / tbody / tfoot : 행을 그룹화하는 태그
tr : 행
th : 헤더셀
td : 데이터셀

<table> : 테이블의 시작
 <thead> : 열의 제목, 한번만 선언 가능
  <tr> : 행을 나타냄
   <th>이름</th> : 테이블의 헤더셀
   <th>나이</th>
   <th>성별</th>
  </tr>
 </thead>
 <tbody> : 본문, 여러번 선언하여 행을 그룹화하기도 한다.
  <tr> : 다음 행
  	<td>철수</td> : 테이블의 일반셀
   <td>23세</td>
   <td>남성</td>
  </tr>
 </tbody>
 <tfoot> : 도표 하단, 전체의 합계 또는 결과를 표시, 한번만 선언가능
  <tr>
   <td>평균</td>
  </tr>
 </tfoot>
</table>

colspan : 행 병합
rowspan : 열 병합

<table>
 <tr>
  <td rowspan="2">이름</td>
  <td>성별</td>
  <td>취미</td>
 </tr>
 <tr>
  <td colspan="2">나이</td>
 </tr>
</table>



Julia Hwang

디발자를 꿈꾸는 웹개발자의 블로그입니다.