210618 UIUX WebDesign CSS 연습_43(park_01.html)

ITisIT210·2021년 6월 20일
0

CSS

목록 보기
46/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 class="on" href="park_01.html">키즈랜드</a></li>
                <li><a href="park_02.html">풋살장</a></li>
                <li><a href="park_03.html">재난안전체험관</a></li>
                <li><a href="park_04.html">꿈나래어린이극장</a></li>
            </ul>
        </div>  <!-- lnb end -->

        <div class="contents">
            <h1>키즈랜드</h1>

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

                <dl>
                    <dt>어린이들의 꿈과 행복을 키워주는 소중한 놀이터!</dt>
                    <dd>
                        뿅뿅 소리나는 에어바운스! 알록달록 동화나라! <br>
                        맘껏 뛰어노는 것만으로도 아이들의 생각이 쑥쑥 자라납니다.
                    </dd>
                </dl>
            </div>  <!-- intro end -->

            <h3>이용안내</h3>
            <table>
                <tbody>
                    <tr>
                        <th rowspan="3">이용요금</th> <th rowspan="2">2시간</th> <th>평일</th> <td>4,000원</td>
                    </tr>
                    <tr>
                        <th>주말 및 공휴일</th> <td>5,000원</td>
                    </tr>
                    <tr>
                        <th colspan="2">할인(20인 이상)</th> <td>단체 10% 할인</td>
                    </tr>
                    <tr>
                        <th rowspan="2">이용시간</th> <th>성수기</th> <th>6월 ~ 8월</th> <td>10:00 ~ 19:00</td>
                    </tr>
                    <tr>
                        <th>비수기</th> <th>9월 ~ 5월</th> <td>10:00 ~ 18:30</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개의 댓글