HTML 표 만들기

Table 만들기

<table border="테두리 굵기"> </table> : 테이블

<tr> </tr> : table row 행

<td> </td> : table data 각 데이터

<thead> </thead> : table의 head부분(표의 가장 윗부분에 표시)

<th scope="row|col"> </th> : table head부분의 데이터가 진하게 표시(scope는 row를 대표하는 th인지 col은 대표하는 th인지 표기)

<tbody> </tbody> : table의 body부분

<tfoot> </tfoot> : table의 foot부분(표의 가장 아래부분에 표시)

<table border="1">
    <thead>
      <tr> 
        <th></th> <th></th> 
      </tr> 
    </thead>
    <tbody>
      <tr>
        <th></th> <td></td>
      </tr>
    </tbody>
    <tfoot>
      <tr>
        <th></th> <td></td>
      </tr>
    </tfoot>
<table>

Table 병합하기

병합하고자 하는 부분에 rowspan속성, colspan속성 추가하고 그에 맞는 (개수 - 1)개의 td태그를 삭제해준다.

ex) <td rowspan="2"> </td> //행 2개 병합

ex) <td colspan="3"> </td> //열 3개 병합