https://github.com/json-kim/html-2

<table> 태그

<table> </table> 태그 안에

<tr> </tr> 줄,

<td> </td> 칸,

태그를 사용하여 테이블을 만들 수 있습니다.

<html>
    <head>
        <title>phone</title>
    </head>
    <body>
        <table border="1">
            <tr>
                <td>1</td>
                <td>2</td>
                <td>3</td>
            </tr>
            <tr>
                <td>4</td>
                <td>5</td>
                <td>6</td>
            </tr>
            <tr>
                <td>7</td>
                <td>8</td>
                <td>9</td>
            </tr>
            <tr>
                <td>*</td>
                <td>0</td>
                <td>#</td>
            </tr>
        </table>
    </body>
</html>

스크린샷 2021-11-08 오후 3.19.23.png

td 의 옵션으로 width(가로 길이), height(세로 길이), align(정렬)을 지정할 수 있다.

실습 1.

<html>
    <head>
        <title>실습 1 입니다.</title>
    </head>
    <body>
        <table border="1" width="25%" height="50%">
            <tr>
                <td rowspan="4">1</td>
                <td>2</td>
            </tr>
            <tr>
                <td>3</td>
            </tr>
            <tr>
                <td>4</td>
            </tr>
            <tr>
                <td>5</td>
            </tr>
            <tr>
                <td colspan="2" align="center">6</td>
            </tr>
        </table>
    </body>
</html>

스크린샷 2021-11-08 오후 4.04.12.png

실습 2.

<html>
    <head>
        <title>실습 2 입니다.</title>
    </head>
    <body>
        <table border="1" width="30%" height="50%">
            <tr>
                <td colspan="2">2</td>
                <td rowspan="5" align="center">7</td>
            </tr>
            <tr>
                <td rowspan="3">1</td>
                <td>3</td>
            </tr>
            <tr>
                <td>4</td>
            </tr>
            <tr>
                <td>5</td>
            </tr>
            <tr>
                <td colspan="2" align="center">6</td>
            </tr>
        </table>
    </body>
</html>

스크린샷 2021-11-08 오후 4.20.16.png