티스토리 뷰

셀 병합

 ▷ 인접한 여러 셀을 합쳐 하나의 셀로 만드는 경우
   * 다양한 모양의 테이블 생성이 가능

 ▷ rowspan 속성과 colspan 속성
   * <td> 또는 <th> 태그 내에서 사용

     ☞ rowspan="n" → 현재 셀의 위치에서 n개의 행(세로 방향으로 인접한 n개의 셀)을 병합

     ☞ colspan="n" → 현재 셀의 위치에서 n개의 열(가로 방향으로 인접한 n개의 셀)을 병합


3×4 크기의 테이블



열 병합 _colspan 속성



행 병합 _rowspan 속성




행과 열의 병합



테이블을 이용한 요소 배치

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






공지사항
최근에 올라온 글
Total
Today
Yesterday