동영상 강좌보기
HTML 문단
HTML <p>요소는 문단을 정의합니다.
<p>이것은 문단입니다.</p>
<p>이것은 다른 문단입니다.</p>
(브라우저는 문단 앞뒤에 자동으로 여백을 추가합니다.)
HTML표시
HTML에서는 임의의 공백이 행을 추가하여 화면에 보이는 것을 변경할 수 없습니다.
브라우저는 임의의 공백 및 행은 제거합니다.
<p>
임의로 여러
줄로 나누어 작성을 해도
브라우저는 한 줄에 표현합니다.
</p>
<p>
임의로 글 자 여백 을 띄우고 써도
브라우저는 글자 간의 여백을 제거합니다.
</p>
종료태그를 꼭 사용하세요
대부분의 브라우저는 종료태그를 생략한 경우에도 HTML을 화면에 바르게 표시합니다.
<p>문단입니다.
<p>또 다른 문단입니다.
위의 코드는 대부분의 브라우저에서 작동합니다. 그러나 이렇게 사용하면 예기치 않은 결과 또는 오류를 발생할 수 있습니다.
HTML 줄바꿈
HTML <br>요소는 줄 바꿈을 정의합니다.
새 문단을 시작하지 않고 줄바꿈을 원할 경우 <br>를 사용하십시오.
<p>이것은<br>줄바꿈이 있는<br>문단입니다.</p>
<br>태그는 빈태그(내용이 없는)이며 끝태그(종료태그)가 없다는 것을 의미합니다.
시 문제
아래 시는 실제로 브라우저로 보면 한 줄로 표시됩니다.
<p>
나 보기가 역겨워
가실 때에는
말없이 고이 보내 드리우리다
영변에 약산ㅡ
진달래꽃
아름 따다 가실 길에 뿌리우리다
</p>
HTML <pre>요소
HTML <pre>요소는 서식이 미리 지정된 텍스트를 정의합니다.
<pre>요소안의 텍스트는 고정너비글꼴(영문글꼴 : Courier)로 표시되며 줄바꿈을 모두 유지합니다.
<pre>
나 보기가 역겨워
가실 때에는
말없이 고이 보내 드리우리다
영변에 약산ㅡ
진달래꽃
아름 따다 가실 길에 뿌리우리다
</pre>