<!--
1.<b></b> :bold text, 굵은 글씨
2.<i></i> :italic text, 기울임꼴
3.<sup></sup> : super script, 윗 첨자(제곱근)
4.<sub></sub> : sub script, 아랫 첨자
5.<ins></ins> : delete text,밑줄 생김
6.<del></del> : delete text, 취소선 생김
7.<div></div> : Group text, 블록레벨, css 적용을 위해 사용 (중요)
8.<spen></spen> :Group text, 인라인레벨, css 적용을 위해 사용 (중요)
- 블록레벨 : 글자 수 상관없이 한 줄 전체 (정렬은 블록레벨 안에서만 가능)
*인라인 레벨 : 블록레벨 안에 포함되는 문자열
-->
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<p>이 곳은 <b>첫 번째</b> 문단</p>
<p>이 곳은 <i>두 번째</i> 문단</p>
<p>이 곳은 <sup>세 번째</sup> 문단</p>
<p>이 곳은 <sub>네 번째</sub> 문단</p>
<p>이 곳은 <ins>다섯 번째</ins> 문단</p>
<p>이 곳은 <del>여섯 번째</del> 문단</p>
<div align = 'right'>이 곳은 일곱번째 문단</div>
<p>이 곳은 <span style = "color : pink">여덟번째</span>문단</p>
<p>이 곳은 <span align = "right">아홉번째</span>문단</p>
<!-- 인라인 이기 때문에 오른쪽 정렬이 되지 않는다 -->
<!-- span과 div 차이 -->
<span>first span</span><span> second span</span>
<div>first div</div><div> second div</div>
</body>
</html>
