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