본문 바로가기

   
Programming/HTML

HTML 테이블(TABLE) 태그 예제(연습)

반응형

HTML 테이블(TABLE) 태그 예제(연습)

table 구조

<html>

    <head>

    <title> table 구조</title>

    <meta name="generator" content="editplus" />

    <meta name="author" content="zzarungna" />

    <meta name="description" content="" />

    <style type="text/css">

    td {

    color:orange;

    }

    </style>

    </head>

    <body>

        <h3>테이블 구조</h3>

        <table border="1" width="400" height="400">

            <tr>

                <td colspan="5" align="center">1</td>

            </tr>

            <tr>

                <td rowspan="4">6</td>

                <td colspan="4">7</td>

            </tr>

            <tr>

                <td>12</td>

                <td rowspan="2">13</td>

                <td>14</td>

                <td rowspan="3">15</td>

            </tr>

            <tr>

                <td>17</td>

                <td>19</td>

            </tr>

            <tr>

                <td colspan="2">22</td>

                <td>24</td>

            </tr>

        </table>

    </body>

</html>


반응형