[HTML] 표(table)

▶ 표를 만드는데 사용되는 태그들

● 표 구조

 <table border="1">
       <caption>표 제목</caption>
       
        <thead>
          <tr>  <th>열 제목1</th> <th>열 제목2</th> <th>열제목3</th> </tr>
        </thead>

       <tbody>
          <tr> <td>내용1</th> <td>내용2</td> <td>내용3</td> </tr>
          <tr> <td>내용4</th> <td>내용5</td> <td>내용6</td> </tr>
          <tr> <td>내용7</th> <td>내용8</td> <td>내용9</td> </tr>
        </tbody>
               
        <tfoot>
        <tr> <th>바닥1</th> <th>바닥2</th> <th>바닥3</th> </tr>
        </tfoot>                
 </table>

 

 

태그	설명
<table>	표 전체를 담는 컨테이너
<caption>	표 제목
<thead>	헤더 셀 그룹
<tfoot>	바닥 셀 그룹
<tbody>	데이터 셀 그룹
<tr> (<td>, <th> 포함>	행
<th>	열, 제목 셀
<td>	데이터 셀