HTML 테이블 정리

새로운 프로젝트를 들어가며 기존에 사용했던 리액트가 아닌 HTML 코드를 보게 되었는데, 테이블을 만드는 태그들이 헷갈린다~ 이번 기회에 정리해보자~

table>
HTML에서 테이블을 생성하는 가장 기본적인 태그로 테이블 안의 모든 내용이 이 태그에 들어감

caption>
테이블에 대한 설명, 해당 요소는 table의 가장 첫번째 자식으로 와야한다.

thead>
table header 테이블의 헤더 부분을 정의하는 태그. 주로 테이블의 제목이나 열 머리글을 포함

tbody>
table body 테이블의 실질적인 데이터가 들어가는 부분. 기본적으로 굵은 글씨

tfooter>
table footer 데이터의 추가정보 및 요약하는 부분

• 테이블 행
  tr>
  table row 테이블에서 하나의 행. HTML 테이블은 행으로 작성하게 되는데, thead, tbody 등의 행 단위에는 무조건 tr 요소가 와야 한다.

• 테이블 셀
  th>
  table header cell의약자
  td>
  table data cell의 약자

참고