HTML - About Table

Table 주요 요소

HTML	설명
table	테이블 정의
thead	테이블 헤더 정의(시멘틱 요소)
tbody	테이블 본문 정의
tfoot	테이블 푸터 정의
tr	행(row) 정의
th	헤더 셀 정의 기본 세팅 - 굵은 텍스트 & 가운데 정렬
td	테이블 데이터 정의 기본 세팅 - 일반 텍스트 & 왼쪽 정렬

<table> </table>

전체 테이블을 감싸는 HTML 값

<thead> </thead>

테이블 헤드 값을 알려주는 시멘틱 요소

<tbody> </tbody>

테이블 주요 내용을 알려주는 역할

<tfoot> </tfoot>

데이터의 합, 평균, 요약 정보 등을 테이블 하단에 나타낼 때에 사용함

<tr> </tr>

row를 나타내며, 위 테그 안에 <th> 또는 <td> 값이 들어갈 수 있음

<th> </th>

table head를 나타냄

<td> </td>

table Data를 나타냄

부가 기능

Rowspan / Colspan

각 row 혹은 column의 span(size)를 지정 가능함.

  <tr>
    <th rowspan="2">rowspan</th>
    <th colspan="2">colspan</th>
  </tr>

원하는 사이즈 지정 가능

table border

<table border="0"> 을 기본으로 세팅이 됨.(테두리가 없는 테이블)

<table border="1">: 얇은 테두리

<table border="5">: 두꺼운 테두리