210525 UIUX WebデザインHTML練習16(室内ゴルフ例)

20776 ワード
html テキストリンク 
<!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>
</head>
<body>
    <h1>실내골프</h1>
    <p>마치 필드에 있는 듯한 그 느낌 그대로 실감나는 골프를 즐기세요!</p>
    <ol>
        <li>국내외 15개 골프장 시뮬레이션 프로그램 구비</li>
        <li>성인10탁석 / 스크린골프 / 비거리 분석기</li>
        <li>아름다운 자연의 풍광으로 몸과 마음에 휴식을 드립니다.</li>
    </ol>
    <img src="./images/golf.jpg" alt="실내 골프 이미지">
    <table border="1" cellpadding="6px" cellspacing="0">
        <tr>
            <th rowspan="4">이용<br>안내</th> <th rowspan="2">구분</th> <th colspan="2">평일오전</th> <th colspan="2">평일오후</th>
        </tr>
        <tr>
            <th>9홀</th> <th>18홀</th> <th>9홀</th> <th>18홀</th>
        </tr>
        <tr>
            <th>회원</th> <td>5,000원</td> <td>10,000원</td> <td>7,000원</td> <td>10,000원</td>
        </tr>
        <tr>
            <th>비회원</th> <td>5,000원</td> <td>10,000원</td> <td>8,000원</td> <td>13,000원</td>
        </tr> 
    </table>
    <ul>
        <li>골프존 온라인사이트 가입, 좌우타석, 스윙플레이트 설치</li>
        <li>사우나 시설 이용 가능(특별할인금액 1,000원)</li>
        <li>이용시간 : 06:00 ~ 24:00</li>
        <li>문의전화 : 051)000-0000, 000-0000</li>
    </ul>
    <table border="1" cellpadding="6px" cellspacing="0">
        <tr>
            <th rowspan="2">정기회원모집</th> <th>시간</th> <td>06:00 ~ 22:00</td> <td rowspan="2">정기회원신청 <br> <a href="http://www.spo1.or.kr">http://www.spo1.or.kr</a></td>
        </tr>
        <tr>
            <th>요금</th> <td>월 70,000원</td>
        </tr>
    </table>

</body>
</html>
JSXを使わずにreact-jadeで仮想DOM出力
VellogStart