HTML 테이블

    2018-02-13 02:17:56 작성

    HTML 테이블

    HTML 테이블은 <table> 태그로 정의합니다.
    각 행은 <tr> 태그로 정의합니다.
    머리글은 <th> 태그로 정의하며 브라우저에서 일반적으로 굵게 표시되고 중앙에 배치됩니다.
    데이터는 <td> 태그로 정의합니다.

    <td> 요소는 데이터 컨테이너 입니다. 여기에는 모든 종류의 HTML 요소를 포함할 수 있습니다.


    표에 태두리 추가

    표에 테두리를 지정하지 않으면 테두리가 표시되지 않습니다.
    테두리는 CSS border 속성을 사용하여 설정합니다.


    열 병합

    둘이상의 열을 병합하려면 colspan 속성을 사용합니다.
    지정된 수만큼 병합합니다.


    행 병합

    둘이상의 행을 병합하려면 rowspan 속성을 사용합니다.
    지정된 수만큼 병합합니다.


    <caption>

    <caption> 태그를 사용하여 표에 캡션을 추가할 수 있습니다.
    <caption> 태그는 <table>태그 바로 다음에 삽입해야 합니다.


    테이블 콘텐츠 그룹

    <thead> 요소는 표의 머리글 내용을 그룹화합니다.
    <tbody> 요소는 표의 본문 내용을 그룹화합니다.
    <tfoot> 요소는 표의 바닥글 내용을 그룹화합니다.
    브라우저는 이 요소를 사용하여 머리글, 바닥글과 별도로 본문을 스크롤 할 수 있습니다.
    또한 여러페이지에 걸쳐있는 테이블을 인쇄할 경우 이 요소를 사용하면 각 페이지 상단과 하단에 머리글과 바닥글을 인쇄할 수 있습니다.

    <thead> 태그는 <caption>, <colgroup> 다음에 위치해야합니다.


    서식 지정을 위한 열 그룹

    <colgroup> 태그는 서식 지정을 위해 하나이상의 열 그룹을 지정합니다.
    <colgroup> 내에서 열에 속성을 정의하려면 <col> 태그를 사용합니다.
    2개 이상의 열을 그룹화하려면 colspan 속성을 지정합니다.

    <colgroup> 태그는 <caption> 다음에 위치해야합니다.