<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!--
- 블록레벨 텍스트태그 (위아래에 여백이 들어간다. )
h1~h6 : 제목태그(헤딩태그)
글자가 두껍다.
h1이 제일 크고 6으로 갈수록 작아진다.
p : 단락태그
보통폰트와 폰트크기가 같다. 다른 점은 위 아래로 영역을 더 먹음.
div : (블록레벨 텍스트태그 아님) 여백이 없다.
-->
보통폰트
<div>div폰트</div>
<h1>제목태그1</h1>
<h2>제목태그2</h1>
<h3>제목태그3</h1>
<h4>제목태그4</h1>
<h5>제목태그5</h1>
<h6>제목태그6</h1>
<p>단락태그</p>
<!--
- 인라인 레벨 텍스트태그
*표시해놓은 건 html에서 잘 씀. 나머지는 css로 적용가능해서 굳이 html로 안함
q : 인용구(앞뒤로 쌍따옴표 붙음)
*b : 글자 두껍게
strong : 글자 두껍게 (b와 같음)
*u : 밑줄
ins : 밑줄
del : 중앙선
i : 이탤릭체
em : 이탤릭체
mark : 배경 노란색
sub : 글자를 작게만든 후 아래쪽에 배치
sup : 글자를 작게만든 후 위쪽에 배치 (p랑 b랑 비교해서 둥그런 부분 기준으로 외우면 굿ㅋㅋ)
-->
<q>q태그</q>
<b>b태그</b>
<strong>strong태그</strong>
<u>u태그</u>
<ins>ins태그</ins>
<del>del태그</del>
<i>i태그</i>
<em>em태그</em>
<mark>mark태그</mark>
<sub>sub</sub>태그
<sup>sup</sup>태그
<!--
레벨 : 블록레벨
앞에 칸 비우기
*html에서 빈칸은 몇칸이 들어가던 한칸으로 표시된다.
단 pre 태그에서는 그대로 표시(잘 쓰진 않음. 대부분 css로 진행)
-->
<blockquote>
blockquote1
</blockquote>
<pre>
pre1
</pre>
<blockquote>blockquote2</blockquote>
<pre>pre1</pre>
</body>
</html>
기타
hr : 선긋기
br : 줄바꿈
계속 나아가기