본문 바로가기
프로그래밍 놀이터/Web

[기초강좌] HTML Paragraphs - w3schools 번역

by 돼지왕 왕돼지 2014. 2. 25.
반응형


 [기초강좌] HTML Paragraphs - w3schools 번역

 

[기초강좌] HTML Paragraphs - w3schools 번역


w3school 의 강좌 내용을 번역한 글입니다.


원문 : http://www.w3schools.com/html/html_headings.asp


HTML 문서는 문단( 원문 : paragraphs )들로 나누어진다.


HTML Paragraphs


문단은 <p> tag 로 정의된다.


<p>This is a paragraph</p>

<p>This is another paragraph</p>


눈으로 직접 보기.


주의 : 브라우저가 문단의 앞뒤로 빈 공간을 자동으로 추가한다.




Don't Forget the End Tag


대부분의 브라우저는 당신이 end tag 를 빼먹고 안 써도 제대로 디스플레이 해준다.


<p>This is a paragraph

<p>This is another paragraph


눈으로 직접 보기.


이 예제는 대부분의 브라우저에서 제대로 작동한다. 하지만 이것에 의존하지 말자. end tag 를 빼먹는다면 예상치 못한 결과 혹은 에러를 마딱뜨리게 될것이다.


주의 : HTML 의 추후 버전에서는 end tag 를 생략하는 것이 허용되지 않을 것이다.




HTML Line Breaks


<br> tag 를 사용하면 새로운 문단을 사용하지 않고 줄 바꾸기 ( 원문 : line breaker ) 가 가능하다.


<p>This is<br>a para<br>graph with line breaks</p>


눈으로 직접 보기.


<br> element 는 empty HTML element 이다. end tag 가 없다.




HTML Output - Useful Tips


당신은 HTML 이 어떻게 표시될지 확신이 없을 것이다. 크고 작은 화면들, window 의 resize 가 다른 결과를 만들어내기 때문이다. 


HTML 코드 에서는 추가 space 나 추가 line (역자주 : enter 줄바꾸기 효과) 을 넣는다고 해서 그대로 적용되지 않는다.


브라우저는 추가 space 와 추가 line 을 제거한 후 웹 페이지를 표기한다. 몇 line 이 오던 그것은 1개의 line 으로. 몇 개의 space 가 오던 그것은 하나의 space 로 간준다.


눈으로 직접 보기.


다음 강좌 보기 >>






반응형

댓글