Table - 기초

김무음·2023년 8월 27일
0

HTML & CSS

목록 보기
11/58
post-custom-banner

table 태그는 도표를 마크업 하기 위해서 사용하는 태그다. 그러기 위해서는 어떤 식으로 마크업 하는지 알아보자.

<table>
	<thead>
    	<tr>
          <th>데이터 카테고리명</th>
        </tr>
    </thead>
    <tbody>
    	<tr>
          <td>데이터 카테고리명</td>
        </tr>
    </tbody>
</table>

table 태그를 사용하기 위해선 제법 번거로울 수 있다. 그렇지만 위 체계를 이용하면 훨씬 쉽게 마크업 할 수 있다. thead, tbody 태그는 사용하지 않아도 되지만 육안으로도 어디까지가 데이터 카테고리 명인지, 어디까지가 데이터 명인지 확인할 수 있으므로 사용하는 것이 좋다.

th 태그를 이용하면 카테고리 명을 지정하는 부분을, td 태그를 이용하면 데이터 명을 받아줄 수 있다. 단, tr 태그를 이용해서 각 행을 구분해줘야 한다. 참고로 공백이 있더라도 똑같이 갯수는 맞춰줘야 한다.

profile
오늘도 한 발자국 더 나아가.
post-custom-banner

0개의 댓글