[HTML] 표

간단한 쇼핑몰 장바구니 만들 던 중 React Bootstrap으로 만들던 표를 직접 원하는데로 구현하고 싶어서 공부한 내용을 정리 했습니다.

표(Table)

열(column), 행(row), 셀이 합쳐진 것을 말합니다.

◯ 표 기본 태그

 

▶ <table> : HTML로 표 하나를 만들겠다고 선언하는 태그

▶ <caption> : 표의 제목 태그

▶ <tr> : 하나의 행(가로)을 만드는 태그

▶ <th> : 제목이 되는 셀 태그

▶ <td> : 행(가로) 안의 셀 태그

◯ 표 수정 태그 및 속성

표를 합치거나 시멘틱 태그처럼 표를 구분할 때 유용한 태그들 입니다. 이렇게 구분을 하면 수정하기 편합니다.

▶ colspan="합칠 갯수" : 행 합치는 속성

▶ rowspan="합칠 갯수" : 열 합치는 속성

▶ <thead> : 표의 제목을 나타내는 영역 태그

▶ <tbody> : 본문을 나타내는 영역

▶ <tfoot> : 요약 부분을 나타내는 영역