[HTML] 테이블

table : 태이블을 생성 함을 알리는 태그

caption : 테이블의 제목

th : table header, 열 머리 생성

tr : table row, 열 생성

td : 테이블의 각 열의 칸(행) 생성

사용 예)

<table>

    <tr>

        <th> 열 머리1</th> ... <th> 열 머리</th>

    <tr>

    . . .

    <tr>

        <td>값</td> . . . <td>값 </td>

    </tr>

</table>

예제 스크립트

 <!-- 테이블 생성

    border : 테두리 및 선 설정

-->

<table border="1px solid black" width = "500px">

        <!-- 테이블의 제목 : caption -->

        <caption>메뉴판</caption>

       

        <!--

        tr : table row 줄 생성

        bgcolor = "색상" -> 배경 색

        -->

        <tr bgcolor = "green" height = "50px">

            <!-- table header 표의 헤더 생성 -->

            <th>메뉴</th>

            <th>가격</th>

        </tr>

        <!-- align = "center" -> 가운데 정렬 -->

        <tr align="center">

            <td>아메리카노</td>

            <td>3500</td>

        </tr>

        <tr align="center">

            <td>카페라떼</td>

            <td>4000</td>

        </tr>

    </table>

실행 결과

메뉴판

메뉴	가격
아메리카노	3500
카페라떼	4000