006_테이블

테이블

• 테이블을 만드는 태그는 <table></table> 이다.

• 테이블의 태그는 표를 만드는 기능을 가짐으로 행, 열을 서로 설정하는 명령어가 있다. → <tr></tr> : 표의 한 행, <th></th> : 표의 제목, <td></td> : 표의 데이터

• 테이블은 셀의 수평, 수직을 병합 하는 것이 가능하다. → colspan : 셀 수평, rowspan : 셀 수직

• 테이블은 “block”의 속성을 가진다.

테이블 코드

• 테이블 기본 생성 코드

<table border="1">
        <tr>
            <th>셀 1</th>
            <th>셀 2</th>
        </tr>
        <tr>
            <td>셀 3</td>
            <td>셀 4</td>
        </tr>
        <tr>
            <td>셀 5</td>
            <td>셀 6</td>
        </tr>
</table>

출력 결과

• 셀 수평 병합

<table border="1">
    <tr>
        <th colspan="2">셀 1+2</th>
    </tr>
    <tr>
        <td>셀 3</td>
        <td>셀 4</td>
    </tr>
    <tr>
        <td>셀5</td>
        <td>셀6</td>
    </tr>
</table>

출력 결과

• 셀 수직 병합

<table border="1">
    <tr>
        <th>셀 1</th>
        <th>셀 2</th>
    </tr>
    <tr>
        <td rowspan="2">셀 3+5</td>
        <td>셀 4</td>
    </tr>
    <tr>
        <td>셀 6</td>
    </tr>
</table>

출력 결과