[HTML 텍스트 요소] 단락

공부 참고 : http://tcpschool.com/html/html_text_paragraph

▶ 단락

▣ 단락(Paragraph)

- 단락이란 내용상 끊어서 구분할 수 있는 하나하나의 부분. 문단이라고도 함.

- html에선 <p>태그를 이용하여 단락을 표현.

- <p>태그의 위아래로는 약간의 여백이 자동으로 삽입됨.

▣ 띄어쓰기와 줄 나누기

- html코드에서 띄어쓰기나 줄 나누기를 여러번 하더라도 웹 브라우저 내용에는 영향을 안줌.

- 웹 브라우저는 여러번의 띄어쓰기나 줄 나누기를 오직 하나의 띄어쓰기나 줄로만 인식.

나는 지금 배가 매우 고프다.
그러나 공부를 해야만 한다.

과연 그대로 출력될것인가??

- 결과 화면

나는 지금 배가 매우 고프다. 그러나 공부를 해야만 한다. 과연 그대로 출력될것인가??

- 역시나 오직 하나의 띄어쓰기로만 인식되어 표현됨.

- <br>태그 (break line)를 사용하며 새로운 단락을 만들지 않고도 줄을 나눌 수 있음.

☞ <br> 태그 역시 빈 태그임.

나는 지금 배가 매우 고프다.

그러나 공부를 해야만 한다.



과연 그대로 출력될것인가??

- 결과 화면

나는 지금 배가 매우 고프다.
그러나 공부를 해야만 한다.

과연 그대로 출력될것인가??

▣ 텍스트(text) 서식 미리 정의하기

- html 코드에서 작성한 텍스트 서식을 그대로 표현하기 위해서는 <pre>태그를 사용해야함.

- <pre>태그 : preformatted text

- 대신 <pre>태그 내에 작성된 텍스트의 글꼴은 고정폭 글꼴로 자동변환됨.

나는 지금 배가 매우 고프다.
그러나 공부를 해야만 한다.

과연 그대로 출력될것인가??

- 결과 화면

나는 지금 배가 매우 고프다.
그러나 공부를 해야만 한다.

과연 그대로 출력될것인가??

▣ 수평 가로 구분선

- 단락을 나누거나 내용상의 구분을 표현할 때 수평 가로 구분선을 사용함.

- 수평 가로 구분선 : <hr> 태그 (horizontal rule)

1단락

2단락

3단락

- 결과 화면

1단락

---

2단락

---

3단락