본문 바로가기

HTML

테이블(table) 구성 요소 및 사용법

<table></table>

테이블은 x축과 y축을 기준으로 정보를 나열할 때 유용하게 사용할 수 있습니다.

<table> 
	<caption>테이블의 제목</caption> 
	<col><col> 
    <thead> 
      <tr>
      	<th></th>
        <th></th> 
      </tr> 
    </thead>
    <tbody> 
    	<tr>
        	<td></td>
            <td></td>
		</tr> 
	</tbody> 
</table>

tr

테이블의 행(row)을 말하며, 내부에 셀제목과 셀 내용을 포함합니다.

th

테이블 셀 제목으로 행 내부에 포함되어야 합니다. th에서 사용할 수 있는 속성은 하단과 같습니다.

  • scope : 행 또는 열, 행그룹, 열그룹의 제목
  • colspan : 열을 병합할때 사용
  • rowspan : 행을 병합할때 사용

td

셀 내용으로 tr 내무에 포합되어야 합니다.

  • colspan : 열을 그룹 지을때 사용
  • rowsapn : 행을 그룹 지을 때 사용

thead

테이블 행 블록 내에 제목을 구성할때 사용하며, 필수 입력이 아닙니다.

 

tbody

행 블록 내에 테이블 데이터를 구성할 때 사용하며, 필수 입력이 아닙니다.