Html table

table 기본형식 : 

기본요소 ,속성 : 

  tr: 행을 정의하는 요소, 블럭요소, th와 td요소만 포함 가능

  th: 제목셀, 굵은 글꼴 중앙정렬

  td: 데이터 셀, 블럭요소, 인라인 요소와 텍스트, 또 다른 블럭 요소 포함 가능

 

행의 그룹 <tobody>,<tfoot>,<tbody> : 

  *눈에 보이지 않고 문서,의미적으로 묶어줄 뿐

  *선언순서 thead → tfoot → tbody

  *thead 와 tfoot는 테이블에서 한번만 사용 가능!

     thead : 표의 머리글 

     tfoot : 표의 바닥

     body : 표의 본문

 

열의 그룹 <colgroup>,<col>: 

  *눈에 보이지 않고 문서,의미적으로 묶어줄 뿐

  *열을 그룹화

  *table 요소의 바로 뒤 tr, thead, tfoot, tbody 요소 보다 앞에 작성

 

(colgroup, col 사용 예시 자리)

 

cell 변형 속성 <rowspan>,<colspan> :

  셀 결합 속성 

  rowspan 수직방향으로 셀 결합

  colspan 수평방향으로 셀 결합