본문 바로가기

Programming/html5 & css3

Html5_5/ 테이블 태그(표)

table 태그 - 표를 만들 때 사용하는 태그.

th, td태그 속성

rowspan - 셀 높이 지정

colspan - 셀 너비 지정

 

<body>

  <table border="1"> - 보더: 표 두께. (table태그는 border 속상 하나만 갖음.)

    <caption>Caption</caption> - 표 위의 캡션(이름표)

    <tr> - 표에서 하나의 행(가로줄)

       <th colspan="2">이름</th> - th : 표 내부의 제목 셀 태그

       <th rowspan="2">나이</th> - 셀 높이 2칸

 

     </tr>

     <tr>(두번째 줄)

       <td rowspan="3">Data1</td> - data(일반 셀 태그)

       <td colspan="3">Data2</td> - 셀 너비(가로로 3칸)

     </tr>

  </table>

</body>