caption 태그

caption 태그는 HTML 테이블 전체의 제목을 생성하기 위해 사용됩니다. 이러한 제목은 기본적으로 테이블 앞에 표시되어 그 내용을 설명하는 텍스트입니다.

이 태그는 table 태그 내부에만 위치할 수 있으며, 여는 태그 바로 뒤에 와야 합니다.

예시

테이블에 caption 제목을 추가해 봅시다:

html<table>
  <caption>이것은 테이블 전체의 제목입니다</caption>
  <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;
}

Результат:

함께 보기