210618 UIUX WebDesign CSS 연습_43_1(park_02.html)

ITisIT210·2021년 6월 20일
0

CSS

목록 보기
47/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 class="on" 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/futsal.jpg" alt="futsal image">
                </div> <!-- photo end -->

                <dl>
                    <dt>새로운 방식의 축구, 재미와 체력을 동시에</dt>
                    <dd>
                        위치 : 경륜장 서쪽 잔디광장 내 4면 <br>
                        규격 : 22m x 44m
                    </dd>
                </dl>
            </div> <!-- intro end -->

            <h3>풋살이란?</h3>
            <div class="futsal">
                <p>
                    실내 축구의 국제적인 형태로써 풋살 5인 축구는 농구 코트장 규격에서 경기하며 값비싼 계
                    기판을 이용할 필요가 없기 때문에 경제적이고도 안전한 스포츠 종목이라 할 수 있습니다.
                </p>
                <h4>풋살 100배 즐기기</h4>
                <ul>
                    <li>상대를 배려하는 마음으로 즐기자</li>
                    <li>풋살의 규정을 지키자</li>
                    <li>작은 구장의 장점을 살리자</li>
                </ul>
            </div> <!-- futsal end -->

            <h3>이용안내</h3>
            <table>
                <tbody>
                    <tr>
                        <th rowspan="2">연간회원</th> <th rowspan="2">비회원</th> <th colspan="2">사용시간</th>
                    </tr>
                    <tr>
                        <th>주말</th> <th>평일</th>
                    </tr>
                    <tr>
                        <td>무료</td> <td>1회 1인(1,000원)</td> <td>09:00 ~ 20:00</td> <td>09:00 ~ 22:00</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개의 댓글