th 태그

th 태그는 HTML 테이블의 헤더 셀을 정의합니다.

기본적으로 헤더 셀의 텍스트는 가운데 정렬되고 굵게 표시됩니다. 이 동작은 CSS 속성 text-align 와 font-weight를 사용하여 변경할 수 있습니다.

예제

th와 td 셀이 있는 테이블을 만들어 봅시다:

html<table>
  <tr>
    <th>이름</th>
    <th>성</th>
    <th>급여</th>
  </tr>
  <tr>
    <td>name1</td>
    <td>surn1</td>
    <td>200$</td>
  </tr>
  <tr>
    <td>name2</td>
    <td>surn2</td>
    <td>1000$</td>
  </tr>
</table>
csstable, td, th {
  border: 1px solid black;
}

Результат:

참고 항목

  • 테이블 행을 그룹화하는 태그 thead, tbody, tfoot
  • 전체 테이블의 제목을 정의하는 태그 caption
  • 텍스트의 세로 정렬을 정의하는 속성 vertical-align
  • 테이블의 행과 열을 병합하는 속성 rowspan와 colspan