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>
- 하나 이상의 열들을 모아서 한꺼번에 스타일을 지정할때 사용한다.