<!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 |