HTML TEXT요소 - 단락편

단락(Paragraph)이란 내용을 끊어 구분할 수 있는 하나하나의 부분을 의미합니다.
HTML에서는 <p>라는 태그를 이용하여 이러한 단락을 표현합니다.

<p>단락의 내용입니다.</p>

---

띄어쓰기와 줄 내림

HTML 코드에서 띄어쓰기나 줄 내림을 여러 번 하더라도 웹 브라우저를 통해 나타나는 화면에는 영향이 없습니다.
여러 번의 띄어쓰기는 오직 한번의 띄어쓰기로만 인식하게 됩니다.

<p>
첫번째 줄입니다.
두번째 줄입니다.
과연 그대로 보여질까요?
</p>

저희는 위 소스를 통해서

 

첫번째 줄입니다.
두번째 줄입니다.
과연 그대로 보여질까요?

 

이와 같이 출력되기를 원하게 되실 겁니다. 하지만 실제로는

 

첫번째 줄입니다. 두번째 줄입니다. 과연 그대로 보여질까요?

 

이와 같이 보여지게 됩니다.

그렇다면 어떻게 해야 내가 원하는 방향으로 내용을 보여지게 할 수 있을가요?

 

첫번 째 

<br>태그(break line)를 사용하면 새로운 줄을 나눌 수 있습니다.
이러한 <br>태그는 종료 태그가 없는 빈 태그(empty tag)입니다.

<p>
첫번째 줄입니다.<br>
두번째 줄입니다.<br>
과연 그대로 보여질까요?
</p>

두번 째

텍스트(text) 의 서식을 미리 정의할 수 있습니다.
HTML 코드에서 작성한 텍스트 서식을 그대로 표현하려면 <pre>라는 태그를 사용합니다.
<pre>(preformatted text) 내에 작성된 텍스트의 모든 띄어쓰기와 줄 내림은 웹 에 그대로 표현됩니다.

<pre>
첫번째 줄입니다.
두번째 줄입니다.
과연 그대로 보여질까요?
</pre>

그러면 단락과 단락을 구별하기 위한 수평 가로선을 만들려면 어떤 태그를 사용해야할까요?

HTML 코드에서는 <hr>(horizontal rule)태그로 간단하게 만들 수 있습니다.

<p>첫번째 단락입니다.</p>
<hr>
<p>두번째 단락입니다.</p>
<hr>
<p>세번째 단락입니다.</p>