Html 테이블 구조에 대한 간단 정리

테이블의 구조

HTML 테이블은 웹 페이지에서 데이터를 구조화하고 표시하는 데 사용되는 중요한 요소 중 하나입니다. 테이블은 table 태그로 시작하며, 각 행은 tr 태그로, 각 셀은 td (데이터 셀) 또는 th(헤더 셀) 태그로 정의됩니다. 테이블 구조의 기본적인 형태는 다음과 같습니다.

테이블 기본적인 형태

<table>
  <tr>
    <th>헤더 셀 1</th>
    <th>헤더 셀 2</th>
  </tr>
  <tr>
    <td>데이터 셀 1-1</td>
    <td>데이터 셀 1-2</td>
  </tr>
  <tr>
    <td>데이터 셀 2-1</td>
    <td>데이터 셀 2-2</td>
  </tr>
</table>

여기서 th는 헤더 셀을 나타내며, td는 데이터 셀을 나타냅니다. 테이블의 각 행은 tr로 정의되며, 헤더 셀은 각 열의 제목을 나타냅니다.

마무리

테이블은 rowspan 및 colspan과 같은 속성을 사용하여 셀을 병합하거나 확장할 수 있습니다. 또한 CSS를 사용하여 테이블의 스타일을 지정할 수 있습니다.