[생활코딩] 주요태그 - 표 (table태그) | sohinggu๑°⌓°๑

HTML -표1: 기본

table 태그

표를 삽입해주는 태그

1. table 태그    <table> </table>
2. td 태그 (table data) : 각각의 항목을 작성    <td>항목</td>
3. tr 태그 (table row) : 테이블의 행을 나타낸다. 같은 행에 속하는 td 태그들을 묶어준다.
4. border : 테두리 지정

HTML - 표2: 구조

table 구조화

아래 태그들을 사용하지 않아도 시각적인 면에서 차이는 없지만 정보를 구조화하는 태그들을 사용하여 표현하므로써 가치있는 정보를 만들어낸다.

1. thead 태그 : table의 제목
2. th 태그 : 데이터의 제목 (thead 안에 작성하는 항목)
3. tbody 태그 : table의 본문
4. tfoot 태그 : table의 푸터
5. thead는 코딩 시 tbody보다 아래에 써도 브라우저 상의 표에서는 가장 상단에 나타나고, tfoot은 thead보다 위에 써도 가장 하단에 나타난다.

HTML - 표3: 병합

table 병합

표를 삽입해주는 태그

1. rowspan : 행 병합 (수직방향 병합)    <td rowspan="병합할 행 개수"> </td>
2. colspan : 열 병합 (수평방향 병합)    <td colspan="병합할 열 개수"> </td>