8. HTML 단락(Paragraphs)

① <p> 요소를 이용해 텍스트 단락을 정의한다.

  ㉠ 문단은 항상 새로운 줄에서 시작하므로 브라우저는 자동적으로 <p> 요소의 앞과 뒤에 빈 줄을 추가한다.

 

This is not paragraph

This is first paragraph

This is second paragraph

  ㉡ 브라우저는 가독성을 위해 연속되는 공백과 행 바꿈을 한 개로 줄이기 때문에 한 단락 안에서 연속되는 공백과 행 바꿈이 얼마나 있든 오직 하나의 띄어쓰기와 개행으로 표시된다.

 

a b c d a b c d a b c d

② <hr> 태그는 HTML 페이지  내의 수평줄을 정의한다.

  ㉠ <hr> 요소는 HTML 페이지 내에서 주제가 바뀌거나 하여 콘텐츠를 구분, 분리하기 위해 사용된다.

  ㉡ <hr> 태그는 빈 태그이므로, 닫는 태그가 없다.

 

a

---

b

---

c

---

d

 

③ <br> 요소는 줄 바꿈(line break)를 정의한다.

  ㉠ <br> 태그는 닫는 태그가 없는 빈 태그이다.

  ㉡ 새로운 단락(paragraph)을 만들지 않고도 줄을 나눌 수 있다.

 

a
b
c

d

④ <pre> 요소는 소스에 표시한 공백이 그대로 표시된다.

  ㉠ <pre> 요소 안의 텍스트는 고정너비의 폰트로 출력되고, 공백과 행 바꿈이 유지된다.

 

      a b  c   d

      a b c d


      a b c d

  ㉡ 프로그램 소스를 표시할 때 유용하다.