본문 바로가기
Web/Html

html 기본이자 기초 태그 3 table (table, thead, th, td)

by 다니엘의 개발 이야기 2022. 9. 27.
320x100

# table 태그

 

table태그는 일종의 body와 같다.

좀 더 정확히는 columns과 rows로 이루어진 그런걸 생각하면 된다.

그리고 사용해야하는 태그가 변화한다.

 

thead는 기존의 head다.

th는 각 컬럼을 나타내는 것이다.

td 행을 나타낸다.

라고는 하지만 명확히 th, td의 차이점을 아직은 모르겠다. 일단 보류

 

더 명확하게는 내 기준에서 행은 td가 아니라 tr이다.

따라서 한칸씩 다른 줄로 변화를 주려면 tr로 감싸주어야 한다.

 

샘플 코드를 첨부한다.

<!-- border는 테두리 사이즈다. -->
<table border=1>
<thead>
    <th>Col 1</th>
    <th>Col 2</th>
    <th>Col 3</th>

</thead>
<tr>
    <td>entry 1</td>
    <td>data 2</td>
    <td>data 3</td>
</tr>

</table>
300x250