<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>글자태그</title>
</head>
<body>
<h1> 제주도 게스트하우스 목록 </h1>
<br/>
<h2>1. 놀멍쉬멍 게스트하우스</h2>
<p>놀멍쉬멍 게스트 하우스는 저렴한 가격에 편안하고 안락한 쉼을 제공합니다.
<mark>모든 객실에서 <strong>바다</strong>가 보이며</mark>
매일 아침 제주 전 지역을 돌아다닐 수 있는 <mark><strong>셔틀 버스</strong>를 운영</mark>합니다.
</p>
<p>price: 10,000원(1박), 25,000원(3박)</p>
<p>예약링크 : </p> <a href="https://www.w3schools.com/tags/tag_mark.asp">놀멍쉬멍 예약</a>
<hr>
<h2>2. H<sub>2</sub>O 게스트하우스</h2>
<p>price: 20,000원(1박), 20,000원(3박)</p>
<p>예약링크 : </p> <a href="https://www.w3schools.com/tags/tag_mark.asp">놀멍쉬멍 예약</a>
<hr>
<h2>3. 세번째 게스트하우스</h2>
<p>호텔처럼 모든 것이 다 구비되어 있는 게스트 하우스</p>
<mark>제주시가 한눈에 들어오는 <strong>Sky Bar, </strong></mark>
감귤로 만든 와인
<p>price: 20,000원(1박), 35,000원(3박)</p>
<p>예약링크 : </p> <a href="https://www.w3schools.com/tags/tag_mark.asp">놀멍쉬멍 예약</a>
</body>
</html>
| <hr> |
단락을 구별할 때 사용하는 태그 |
| <h1> ~ <h6> |
제목을 지정하기 위해 사용 |
| <pre> |
표현한 문자 그대로 표현하기 위해 사용 |
| <a> |
링크 태그 |
| <b> |
굵은 글꼴 |
| <strong> |
굵은 글꼴에 중요도를 더해 강조하고 싶을 때 |
| <i> |
기울임 글꼴 |
| <em> |
기울임 글꼴에 중요도를 더함 |
| <abbr> |
약자를 나타내고 싶을 때 사용 <abbr title="National Aepronautics and Space Administration">NASA</abbr> |
| <sup>, <sub> |
윗첨자, 아랫첨자 |
| <mark> |
하이라이트 표시하고 싶을 때 |