본문 바로가기
함께공부해요!/HTML5

7. HTML 단락

by roxanne_91 2017. 12. 6.

HTML 단락



HTML의 <p>는 단락을 정의합니다.

<p>This is a paragraph.</p>
<p>This is another paragraph.</p>

참고: 브라우저는 단락 앞뒤에 여백을 자동으로 추가합니다.


HTML표시

HTML이 어떻게 표시 될지는 확신할 수 없습니다.

크고 작은 화면과 크기가 조정된 창은 다른 결과를 만듭니다.

<p>
This paragraph
contains         a lot of spaces
in the source         code,
but the        browser 
ignores it.
</p>

에디터에서 이런식으로 공백을 표시한다고 해도 화면에는 띄어쓰기 한칸으로만 출력됩니다. 줄바꿈도 적용되지 않습니다.


HTML줄 바꿈

HTML에서 <br>태그는 줄바꿈을 정의합니다.

새 단락을 시작하지 않고 줄 바꿈을 원할 경우 <br>을 사용하세요

<p>This is<br>a paragraph<br>with line breaks.</p>

<br>태그는 빈 태그이며 끝마침태그가 없습니다.


HTML<pre>요소

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

<pre>요소 안의 텍스트는 고정너비 글꼴로 표시되며 에디터속의 공백과 줄 바꿈을 모두 유지합니다.





'함께공부해요! > HTML5' 카테고리의 다른 글

9. html 텍스트 서식 지정  (0) 2017.12.11
8. HTML 스타일  (0) 2017.12.07
6. HTML 표제  (0) 2017.12.05
5.HTML 속성  (0) 2017.12.04
4. HTML요소(Element)  (0) 2017.12.03

댓글