html 텍스트 꾸미기
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>텍스트 관련 태그들</title>
</head>
<body>
<h3>텍스트 꾸미기</h3><hr/>
<b>진하게</b><br/>
<strong>중요한</strong><br/>
<em>강조</em><br/>
<i>이탤릭으로 표기</i><br/>
<b><i>진하게 이탤릭으로 강조</i></b><br/>
<mark>형광펜 효과</mark><br/>
보통문자<small></small><br/>
<del>취소</del><br/>
<ins>밑줄 긋기</ins><br/>
보통문자의 <sup>윗첨자</sup><br/>
보통문자의 <sub>아래첨자</sub><br/>
</body>
</html>
html 텍스트 예제 <span>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>제주 이색 여행지</title>
</head>
<body>
<h1>야외 텐트를 닮은 건축물 <mark>"테쉬폰"</mark></h1>
<p style="color:green;">아일랜드 출신 임피제 신부가 1954년 제주에 오면서 목장 숙소로 짓기 시작한 후 사료공장, 성당으로 활용됐습니다. 제주에서 검차 다른 지방으로 보급됐지만 현재 제주에만 군축물이 남아 있으며, <span style="color:red;">국내 근현대 건축사의 한 페이지를 보여주는 가치</span>를 지닌다고 전문가들은 평가합니다.</p>
</body>
</html>
'STUDY' 카테고리의 다른 글
| html 연습하기 (0) | 2019.03.18 |
|---|---|
| html 리스트 만들기 (0) | 2019.03.11 |
| html 들여쓰기, <>사용하기, pre태그 (0) | 2019.03.11 |
| html 연습 1 (0) | 2019.03.11 |
| html 기본구조, 제목, 툴팁, 단락 나누기, 수평선 긋기, 줄바꿈 (0) | 2019.03.11 |