HTML5 동영상강좌 바로가기

표작성과 관련된 HTML5 태그들

본문

caption
header #1header #2header #3header #4
footer #1footer #2footer #3footer #4
body #1body #2body #3body #4
body #1body #2body #3body #4
body #1body #2body #3body #4
body #1body #2body #3body #4

 

 

HTML5에서는 표작성(Table)과 관련된 풍부한 태그를 제공하고 있습니다. 

아래는 위 표를 나타내는 표의 태그입니다. 

 

<table class="tbl_type" border="1" cellspacing="0" summary="표작성연습"> 
       <caption>caption</caption>
       <colgroup>
       <col>
       <col width="30%">
       <col width="30%">
       <col width="30%">
       </colgroup>
<thead>
         <tr><th>header #1</th><th>header #2</th><th>header #3</th><th>header #4</th></tr>
</thead>
<tfoot>

          <tr><td>footer #1</td><td>footer #2</td><td>footer #3</td><td>footer #4</td></tr>
</tfoot>
<tbody>
           <tr><td>body #1</td><td>body #2</td><td>body #3</td><td>body #4</td></tr>
           <tr><td>body #1</td><td>body #2</td><td>body #3</td><td>body #4</td></tr>
           <tr><td>body #1</td><td>body #2</td><td>body #3</td><td>body #4</td></tr>
           <tr><td>body #1</td><td>body #2</td><td>body #3</td><td>body #4</td></tr>
</tbody>           
</table>

 

 

  • 트위터로 보내기
  • 페이스북으로 보내기
  • 구글플러스로 보내기
  • 카카오톡으로 보내기


HTML5 동영상강좌 바로가기