표(테이블)

KIXIAM·2022년 10월 7일
0

HTML

목록 보기
9/13
post-thumbnail

표(TABLE)

데이터 표를 나타내는 태그

  • <td>,<th> : 데이터 셀(table-cell)
  • <tr> : 행(table-row)
  • <table> : 표

<table>
<tr>
<td></td><td></td><td></td><td></td>
</tr>
<tr>
<td></td><td></td><td></td><td></td>
</tr>
<tr>
<td></td><td></td><td></td><td></td>
</tr>
<tr>
<td></td><td></td><td></td><td></td>
</tr>
</table>

실행결과

<table>
	<caption>Monthly Savings</caption>
    <thead>
    	<tr>
        <th>Month</th>
        <th>Savings</th>
        </tr>
    </thead>
    <tfoot>
   		<tr>
        <td>Sum</td>
        <td>$180</td>
      </tr>
    </tfoot>  
       <tbody>
    	<tr>
        <td>January</td>
        <td>$100</td>
        </tr>
        <tr>
        <td>February</td>
        <td>$80</td>
        </tr>
    </tbody>
    </table>

실행결과

Monthly Savings
Month Savings
Sum
January $100
February
  • colspan : 셀을 가로방향으로 병합
  • rowspan : 셀을 세로방향으로 병합
profile
Project Oriented Learning 🔥

0개의 댓글