Programming/HTML

[HTML]표만들기 <table> <tr> <td> <th> <caption>

지윤이글스 2022. 7. 25. 02:03

<table>: 셀들의 행과 열로 구성된 2차원 테이블을 정의할 때 쓰는 태그이다.

<tr>: 테이블의 각 행(row)를 정의한다.

<th>:글씨를 두껍게 해준다. 

<td>:하나의 테이블 셀을 정의한다.

예시로 확인해보자.

<table>
        <tr>
                 <th>밥류</th>
                 <th>면류</th>
                 <th>분식류</th>
        </tr>
        <tr>
                  <td>김밥</td>
                  <td>라면</td>
                  <td>떡볶이</td>
         </tr>
         <tr>
                   <td>주먹밥</td>
                   <td>우동</td>
                   <td>순대</td>
           </tr>
</table>