1.테이블의 형식


<table> <tr> <td> <th> <caption>

  • <table> Html에서 테이블을 정의하는 태그
  • <tr> 테이블에서 하나의 줄을 해당하는 행(row) 정의하는 태그
  • <td> 또는 <th> 포함해야만 사용 가능하다
  • <caption> 테이블 전체에 해당하는 제목을 표시 테이블 레이아웃에는 아무런 영향을 미치지 않음

2.셀 병합과 요소 배치


1) 행 과 열의 방향으로 인접한 셀을 합쳐서 하나의 셀을 생성

  • rowspan , colspan 속성 : <td> <th> 태그 내에서만 사용 가능하다
  • rowspan 현재 셀의 위치에서 행을 세로 방향으로 셀을 병합한다.
  • colspan 현재 셀의 위치에서 열을 가로 바얗ㅇ으로 셀을 병합한다.

2) 테이블 사용질서 정연한 요소 배치 기능 , 각 셀의 내용 (텍스트, 목록, 이미지 , 테이블 등)

  • 테이블을 이용하면 바둑판식 배열처럼 질서 정연한 요소의 배치가 가능하다
  • 각 셀의 내용으로 다양한 HTML 요소가 가능하다
  • 텍스트, 이미지 , 목록 테이블 등

3.테이블 콘텐츠 그룹핑과 열 단위 스타일 지정


1)<thead> <tbody> <tfoot>

  • 행 단위 콘텐츠를 헤더, 몸체, 푸터 부분을 그룹핑하는 태그
  • 테이블의 레이아웃에 아무런 영향을 미치지 않는다.

2) <clogroup> <col>

  • 하나 이상의 열들을 모아서 한꺼번에 스타일을 지정할때 사용한다.