티스토리 뷰

4학년 1학기/HTML

HTML 단락

Hading 2017. 3. 6. 20:34

HTML 단락

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


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

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



HTML 표시

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

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

HTML을 사용하면 HTML 코드에 여분의 공백이나 여분의 줄을 추가하여 출력을 변경할 수 없습니다.

브라우저가 페이지가 표시 될 때 여분의 공백과 여분의 행을 제거합니다.


<p>

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

<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> 요소 안의 텍스트는 고정 너비 글꼴 (보통 Courier)로 표시되며 공백과 줄 바꿈을 모두 유지합니다.


<!DOCTYPE html>

<html>

<body>


<p>The pre tag preserves both spaces and line breaks:</p>


<pre>

   My Bonnie lies over the ocean.


   My Bonnie lies over the sea.


   My Bonnie lies over the ocean.

   

   Oh, bring back my Bonnie to me.

</pre>


</body>

</html>




 



HTML 태그 참조



'4학년 1학기 > HTML' 카테고리의 다른 글

HTML 텍스트 서식 지정  (0) 2017.03.06
HTML 스타일  (0) 2017.03.06
HTML 표제  (0) 2017.03.06
HTML 속성  (0) 2017.03.06
HTML 요소  (0) 2017.03.06
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
TAG
more
«   2024/07   »
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31
글 보관함