td 태그

td 태그는 HTML 테이블의 일반 셀을 정의합니다.

예시

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