Front/HTML

[HTML][TABLE] <thead> / <tbody> / <tfoot>

오선지♬ 2022. 3. 20. 19:30
728x90
반응형

<thead> / <tbody> / <tfoot> 태그들은 테이블 생성시, 각각 머리글, 본문, 바닥글영역을 표시하는데 사용한다.

스펠링만 보더라도 각각의 의미를 파악하는데 그리 어렵지는 않다.

 

<table>

 

    <thead>
        <tr>
             <th>머</th>
             <th>리</th>    

             <th>글</th>

        </tr>

 

    </thead>
 
    <tbody>
        <tr>
             <td>본</td>
             <td>문</td>

             <td>!</td>

        </tr>

 

    </tbody>
 
    <tfoot>
        <tr>
             <td>바</td>
             <td>닥</td>

             <td>글</td>

        </tr>
    </tfoot>

 

</table>

 
<tbody>태그는 적어주지 않더라도 테이블을 생성하면 자동으로 삽입이 된다.
필수로 세개의 태그를 적어주어야 하는 것은 아니며, 각각의 영역을 구분해줘야 할 때 사용하면 된다.
728x90
반응형

'Front > HTML' 카테고리의 다른 글

[html] <option hidden>  (0) 2022.06.22
[HTML] 공백 넣기  (0) 2022.04.29
[HTML] id / class / name  (0) 2022.03.14
[HTML] a href ="#"  (0) 2022.01.23
[HTML] <form> 태그안의 id, class, name 속성  (0) 2022.01.10