210618 UIUX WebDesign CSS 연습_43_3(park_04.html)

ITisIT210·2021년 6월 20일
0

CSS

목록 보기
49/93
post-thumbnail
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>꿈나래어린이극장</title>
    <link rel="stylesheet" href="./css/style.css" type="text/css">
</head>

<body>
    <div id="container">
        <div class="lnb">
            <h2>공원시설</h2>
            <ul>
                <li><a href="park_01.html">키즈랜드</a></li>
                <li><a href="park_02.html">풋살장</a></li>
                <li><a href="park_03.html">재난안전체험관</a></li>
                <li><a class="on" href="park_04.html">꿈나래어린이극장</a></li>
            </ul>
        </div> <!-- lnb end -->

        <div class="contents">
            <h1>꿈나래어린이극장</h1>

            <div class="intro">
                <div class="photo">
                    <img src="./images/cinema.jpg" alt="cinema image">
                </div> <!-- photo end -->

                <dl>
                    <dt>어린이들의 상상력을 키워나가는 공간</dt>
                    <dd>
                        건강한 문화를 제공하여 온가족이 함께 나눌 수 있는 공연문화를 심어주는 곳이 되겠습니다.
                    </dd>
                </dl>
            </div> <!-- intro end -->

            <h3>이용안내</h3>
            <table>
                <tbody>
                    <tr>
                        <th>구분</th> <th>단위</th> <th>평일</th> <th>주말 및 공휴일</th>
                    </tr>
                    <tr>
                        <th rowspan="3">공연</th> <td>오전 09:00 ~ 12:00</td> <td>40,000원</td> <td>100,000원</td>
                    </tr>
                    <tr>
                        <td>오후 12:00 ~ 18:00</td> <td>60,000원</td> <td>100,000원</td>
                    </tr>
                    <tr>
                        <td>야간 18:00 ~ 21:00</td> <td>80,000원</td> <td>100,000원</td>
                    </tr>
                    <tr>
                        <th rowspan="3">행사</th> <td>오전 09:00 ~ 12:00</td> <td>130,000원</td> <td>150,000원</td>
                    </tr>
                    <tr>
                        <td>오후 12:00 ~ 18:00</td> <td>130,000원</td> <td>150,000원</td>
                    </tr>
                    <tr>
                        <td>야간 18:00 ~ 21:00</td> <td>130,000원</td> <td>150,000원</td>
                    </tr>
                </tbody>
            </table>

        </div> <!-- contents end -->
    </div> <!-- container end -->
</body>

</html>
profile
Engineering is the closest thing to magic that exists in the world.

0개의 댓글

Powered by GraphCDN, the GraphQL CDN