STUDY

html 연습하기

지구 🌏 2019. 3. 18. 09:54









<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title>제주도 게스트 하우스</title>


    </head>

    <body>

        <h1>제주도 게스트 하우스 목록</h1><br>

        <h3>1.놀멍쉬멍 게스트 하우스</h3>

            <p>

                놀멍쉬멍 게스트 하우스는 저렴한 가격에 쳔안하고 안락한 쉼을 제공합니다. <mark>모든 객실에서 바다가 보이며</mark>매일 아침 제주 전 지역을 돌아다닐 수 있는 <mark>셔틀 버스를 운영</mark>합니다

            </p>

           <p>

                price:10,000(1박), 25,000(3박)

            </p>

            <p>

                예약링크:<a href="https://www.daum.net" target="_blank">놀멍쉬멍 예약</a>

            </p> <hr>

        <h3>2.H2O게스트 하우스</h3>

            <p>

                청결하고 모던한 산소같은 게스트 하우스. <mark>한라산이 직접 보이는 객실</mark>을 보유하고 있으며 (3개 객실)저녁 8시 이후 홀에서는 <mark>생맥주를 무제한 제공</mark>합니다.

            </p>

            <p>

                Price:12,000(1박),30,000(3박)

            </p>

            <p>

                예약링크:<a href="https://www.daum.net" target="_blank">에이치투오 예약</a> 

            </p><hr>

        <h3>3.있수다 게스트 하우스</h3>

            <p>

                호텔처럼 모든 것이 다 구비되어 있는 게스트 하우스. <mark>제주시가 한눈에 들어오는 Sky Bar</mark>감귤로 만든 와인을 직접 만들어 볼 수 있는 <mark>감귤 와인 체험 공간, 다양한 요리를 맛 볼 수 있는 뷔페식 식당</mark>까지. 편안하게 휴식만을 하고 싶다면 여기로 오세요 

            </p>

            <p>

                Price:20,000(1박),55,000(3박)

            </p>

            <p>

                예약링크:<a href="https://www.daum.net" target="_blank">있수다 예약</a>

            </p>


    </body>

</html>






<!DOCTYPE html>

<html lang="en">

    <head>

        <meta charset="UTF-8">

        <title>Document</title>

    </head>

    <body>

           <br>

              <h1>과정을 공부하는 순서</h1>

           

            <p>

                이 과정은 <b>HTML5</b>와 <i>CSS3</i>를 차례로 공부한 후, <br>시맨틱 태그와 반응형 웹 디자인을 살펴볼 것입니다.

            </p>

        <ul>

            <li>HTML5</li>

            <li>CSS3</li>

            <li>시맨틱 태그</li>

            <li>반응형 웹</li>

        </ul>

    </body>

</html>





<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title>주요 SNS 서비스별 이용률 (%)</title>

    </head>

    <body>

        <table border="1">

            <caption>

                주요 SNS 서비스별 이용률 (%)

            </caption>

            <thead>

                <tr>

                    <th> </th>

                    <th>페이스북</th>

                    <th>카카오 스토리</th>

                    <th>밴드</th>

                    <th>인스타그램</th>

                    <th>트위터</th>

                </tr>

            </thead>

            <tbody>

               <tr>

                    <th>2015년</th>

                    <td>77.1</td>

                    <td>58.3</td>

                    <td>32.4</td>

                    <td>16.7</td>

                    <td>22.1</td>

                </tr>

                <tr>

                    <th>2016</th>

                    <td>73.8</td>

                    <td>51.0</td>

                    <td>40.1</td>

                    <td>28.1</td>

                    <td>14.7</td>

                </tr>

            </tbody>

        </table>

    </body>

</html>




반응형

'STUDY' 카테고리의 다른 글

html form, check box  (0) 2019.03.25
html 시맨틱 태그  (0) 2019.03.19
html 리스트 만들기  (0) 2019.03.11
html text 꾸미기  (0) 2019.03.11
html 들여쓰기, <>사용하기, pre태그  (0) 2019.03.11