HTML 입문 | HTML 텍스트 요소 | 단락 (Paragraphs)
단락(Paragraph) <p>
<p>
태그와 </p>
태그 사이에 위치하는 내용이 하나의 단락을 구성한다.
예제
<p>이건 단락입니다.</p>
<p>이건 또 다른 단락입니다.</p>
align 속성값
속성값 | 설명 |
---|---|
기본 | 정렬하지 않은 문단은 기본적으로 왼쪽 정렬. |
left | 왼쪽 정렬. 정렬을 시키지 않으면 기본적으로 왼쪽정렬이 되므로 잘 사용하지 않는다. |
center | 가운데 정렬. |
right | 오른쪽 정렬. |
justfy | 맞춤 정렬. 한 문단이 길어져서 화면의 끝에서 자동 줄바꿈이 일어날때 그 가장자리 부분을 일정하게 맞춰주는 기능입니다. 언듯보면 왼쪽정렬(기본정렬)과 비슷하지만 줄바꿈이 일어난 오른쪽 가장자리를 비교하면 그 차이를 확인할 수 있다. |
<p>
태그의 위아래로는 약간의 여백(margin)이 자동으로 삽입된다.
서식 그대로 표시 <pre>
HTML에서 작성한 텍스트 서식을 그대로 표현하려면 <pre>
(preformatted text)태그를 사용한다.
<pre>
태그 내에 작성된 텍스트의 모든 띄어쓰기와 줄 나누기는 웹 브라우저에 그대로 표현된다.
예제
<pre>
진달래꽃
나 보기가 역겨워
가실 때에는
말없이 고이 보내드리우리다.
영변에 약산
진달래꽃
아름 따다 가실 길에 뿌리우리다.
</pre>
줄 바꿈 <br>
HTML에서는 <br>
(Line Breaks)태그을 줄바꿈할 수 있다.
예제
<p>이 문단은 <br>줄 바꿈을<br>포함하고 있습니다.</p>
수평 가로 구분선 <hr>
단락을 나눌 때나 내용상의 구분을 표현하고자 할 때 수평 가로 구분선을 사용한다.
이렇게 사용되는 수평 가로 구분선을 HTML 코드에서는 <hr>
태그(horizontal rule)로 간단하게 만들 수 있다.
예제
<p>여긴 하나의 단락입니다.</p>
<hr>
<p>여긴 하나의 단락입니다.</p>
<hr>
<p>여긴 하나의 단락입니다.</p>
최종 수정 : 2021-08-27