제8강.  HTML 단락(Paragraph)

 

 

동영상 강좌보기

 

HTML 문단

HTML <p>요소는 문단을 정의합니다.

<p>이것은 문단입니다.</p>
<p>이것은 다른 문단입니다.</p>
Markup

(브라우저는 문단 앞뒤에 자동으로 여백을 추가합니다.)

 

HTML표시

HTML에서는 임의의 공백이 행을 추가하여 화면에 보이는 것을 변경할 수 없습니다.
브라우저는 임의의 공백 및 행은 제거합니다.

<p>
임의로 여러 
줄로 나누어 작성을 해도
브라우저는 한 줄에 표현합니다.
</p>

<p>
임의로 글   자 여백   을 띄우고 써도
브라우저는 글자 간의    여백을 제거합니다.
</p>
Markup

종료태그를 꼭 사용하세요

대부분의 브라우저는 종료태그를 생략한 경우에도 HTML을 화면에 바르게 표시합니다.

<p>문단입니다.
<p>또 다른 문단입니다.
Markup

위의 코드는 대부분의 브라우저에서 작동합니다. 그러나 이렇게 사용하면 예기치 않은 결과 또는 오류를 발생할 수 있습니다.

 

HTML 줄바꿈

HTML <br>요소는 줄 바꿈을 정의합니다.

새 문단을 시작하지 않고 줄바꿈을 원할 경우 <br>를 사용하십시오.

<p>이것은<br>줄바꿈이 있는<br>문단입니다.</p>
Markup

<br>태그는 빈태그(내용이 없는)이며 끝태그(종료태그)가 없다는 것을 의미합니다.

 

시 문제

아래 시는 실제로 브라우저로 보면 한 줄로 표시됩니다.

<p>
나 보기가 역겨워
가실 때에는
말없이 고이 보내 드리우리다

영변에 약산ㅡ
진달래꽃
아름 따다 가실 길에 뿌리우리다
</p>
Markup

HTML <pre>요소

HTML <pre>요소는 서식이 미리 지정된 텍스트를 정의합니다.

<pre>요소안의 텍스트는 고정너비글꼴(영문글꼴 : Courier)로 표시되며 줄바꿈을 모두 유지합니다.

<pre>
나 보기가 역겨워
가실 때에는
말없이 고이 보내 드리우리다

영변에 약산ㅡ
진달래꽃
아름 따다 가실 길에 뿌리우리다
</pre>
Markup