1. h 태그

---

✍ 태그 작성 시

<h1>h1태그: 첫번째로 큰 제목</h1>
<h2>h2태그: 두번째로 큰 제목</h2>
<h3>h3태그: 세번째로 큰 제목</h3>
<h4>h4태그: 네번째로 큰 제목</h4>
<h5>h5태그: 다섯번째로 큰 제목</h5>
<h6>h6태그: 여섯번째로 큰 제목</h6>

👉결과

h1태그: 첫번째로 큰 제목

h2태그: 두번째로 큰 제목

h3태그: 세번째로 큰 제목

h4태그: 네번째로 큰 제목

h5태그: 다섯번째로 큰 제목

h6태그: 여섯번째로 큰 제목

2. br 태그

---

• 줄 개행 할때 사용

✍ 태그 작성 시

Hello <br>
world <br>

👉결과

Hello

world

3. hr 태그

---

• 페이지에 가로로 밑줄을 만들어 줄 때 사용

✍ 태그 작성 시

<h1> 안녕하세요 </h1>
<hr/>
<h1> 반갑습니다 </h1>
<hr/><hr/>

👉결과

안녕하세요

---

반갑습니다

---

---

4. p 태그

---

• 한 개의 단락을 만들 때 사용
• 자동으로 문장을 개행 한 후 공백을 만들어 줌

✍ 태그 작성 시

<h3> 문단을 나누는 태그 </h3>
<p>
이것은 첫번째 문단이 됩니다.
</p>
<p>
이것은 두번째 문단
</p>

👉결과

문단을 나누는 태그

이것은 첫번째 문단이 됩니다.

이것은 두번째 문단

5. pre 태그

---

• 입력한 그대로 출력 할 때 사용
• 띄어쓰기, 들여쓰기, 줄 바꿈이 입력된 그대로 출력 됨

✍ 태그 작성 시

<pre>
java world               hello
bye
</pre>

👉결과

java world               hello
bye

6. Strong 또는 b 태그

---

• 해당 문자 강조하여 굵게 표시할 경우 사용

✍ 태그 작성 시

<strong>글자 굵게 표시하는 태그</strong>
<b>글자 굵게 표시하는 태그</b>

👉결과

7. em 또는 i 태그

---

• 문자에 기울림을 주는 태그

✍ 태그 작성 시

<em>글자를 기울이는 태그</em>
<i>글자를 기울이는 태그</i>

👉결과

글자를 기울이는 태그
글자를 기울이는 태그

8. blockquote 태그

---

• 사이트의 글을 인용할 경우 사용
• 자동 들여쓰기가 되어 다른 테그와 구별할 수 있음
• <blockquote> 인용 내용 </blockquote>
• 인용문의 출처 URL은 cite 라는 속성값으로 제공할 수 있다.
• URL값은 눈으로는 보이지 않지만, 개발자 도구 혹은 소스코드를 볼때에는 출처 표시가 보이게 된다.

✍ 태그 작성 시

<h2>HTML</h2>
<blockquote cite="https://developer.mozilla.org/ko/docs/Learn/HTML/Introduction_to_HTML/Getting_started">
    <p>HTML (Hypertext Markup Language,하이퍼텍스트 마크업 언어)는 프로그래밍 언어는 아니고, 우리가 보는 웹페이지가 어떻게 구조화되어 있는지 브라우저로 하여금 알 수 있도록 하는 마크업 언어입니다. </p>
<blockquote>

👉결과

9. q 태그

---

• 인용 문구에 ""표시가 되는 태그

✍ 태그 작성 시

<q>인용 문구를 나타내는 태그</q>

👉결과

인용 문구를 나타내는 태그

10. mark 태그

---

• 배경 부분 노란색 형광펜 표시

✍ 태그 작성 시

<mark>형광펜 효과를 나타내는 태그</mark>

👉결과

형광펜 효과를 나타내는 태그

11. 그 외의 태그

---

태그	의미
<u> </u>	해당 글자에 밑줄 표시
<small> </small>	원 문자보다 작은 글씨
<sub> </sub>	아래 첨자
<sup> </sup>	윗 첨자
<s> </s>	취소선
<cite> </cite>	웹 문서나 포스트에서 참고할 때 사용

✍ 태그 작성 시

<u>글자에 밑줄을 긋는 태그</u>
<br/>
<small>글자를 작게 표시하는 태그</small>
<br/>
기본 글자에 <sub>아래첨자</sub>와 <sup>윗첨자</sup>를 나타내는 태그
<br/>
<s>글자에 취소선을 넣는 태그</s>
<br/>
<p>참고 사이트: <cite>http://google.com</cite></p>

👉결과

글자에 밑줄을 긋는 태그
글자를 작게 표시하는 태그
기본 글자에 아래첨자와 윗첨자를 나타내는 태그
글자에 취소선을 넣는 태그

참고 사이트: http://google.com

👨‍🎓태그 안애 태그들을 사용 하여 쓸 수 있으나 p태그는 중첩하여 사용 할 수 없다.(페이지 구조가 깨질 수 있음)