#03 HTML 제목 및 단락 요소

 

<h#> 태그

• 문단의 제목을 표현
• <h1> ~ <h6>까지 가능하며 숫자가 작을수록 상위 제목이므로 크기가 커진다.
• 가장 상위 제목인 <h1> 요소는 페이지당 1개만 사용하는 것이 바람직하다.
• 중요한 제목부터 숫자 순서대로 쓰는 것이 원칙이다.
• 글자 크기와 굵기 때문에 제목 태그를 사용하지 말아야 한다.

<h1>제목1</h1>
<h2>제목2</h2>
<h3>제목3</h3>
<h4>제목4</h4>
<h5>제목5</h5>
<h6>제목6</h6>

---

 

---

<p> 태그

• 하나의 문단을 표현 (paragraph)
• 추가 여백과 줄 바꿈을 자동으로 제거한다.

<p>
  안녕하세요.
  공부하는    블로그입니다.
</p>

---

 

---

<br> 태그

• 개행 태그로 해당 부분에서 다음 행으로 바꿔준다.
• 종료 태그가 없는 빈 요소

<p>
  안녕하세요.<br>
  공부하는 블로그입니다.
</p>

---

 

---

<pre> 태그

• 미리 서식을 지정한 텍스트를 정의
• <p> 요소와 달리 추가 여백과 줄 바꿈을 유지하며, 코드에 작성된 그대로 표현한다.

<pre>
  안녕하세요.
  공부하는    블로그입니다.
</pre>

---

 

---

<hr> 태그

• 수평선 태그로 주로 콘텐츠를 분리할 때 사용한다.
• 종료 태그가 없는 빈 요소

<p>
  안녕하세요
  <hr>
  공부하는 블로그입니다.
</p>

---