P / Pre / Blockquote / Center 태그

작성자 관리자
아이피 122.♡.189.76
작성일 2008.01.14 16:23

조회 2,249
목록

▷ 문단[Paragraph] 태그 P / Pre / Blockquote / Center

⊙ 태그요소

① <p> ... &lt/p>

문단[paragraph]이라는 뜻이다.
한글에서는 문단의 첫 글자는 한 글자 들여쓰기를 하는데, HTML에서는 들여쓰기는 적용되지 않는다.
그렇지만 문단과 문단 사이에서는 줄바꿈이 두 번 즉, 한 줄 띄움이 나타난다.
한 줄 짜리 짧은 단문에서는 그 효과가 잘 나타나지 않지만 여러 줄에 걸쳐 쓰여진 긴 문단에서는 그 의미가 바로 나타난다.

아래 실행결과에서 처럼 한글을 쓸 때의 문단처럼 나타난다.
종료태그 생략가능하다.

코드 작성

실행결과

  &lthtml>

  &lthead>
    &lttitle>태그의 사용 예&lt/title>
  &lt/head>
  
  &ltbody>
  &ltp>
  웃음(笑)은 
  세상을 움직이는 힘의 근원이며 
  숨어 숨 쉬는 살아있는 萬病通治 
  의사와 같은 무한한 꿈의 에너지입니다. 

  엄마가 
  아가에게 주는 웃음은
  &lt/p>
  &ltp>
  세상을 살아가는 꿈을 심어주고 
  무한한 애정을 아낌없이 넣어주는 
  사랑을 전수하는 마음의 에너지입니다.
                            
  연인이
  서로에게 주는 웃음은 
  이 험한 세상
  함께 가자고 다짐하며 
  영원을 다지고 연정(戀情)으로 이어주는 
  꿈을 심는 희망에 메세지입니다.
  &lt/p>
  
  &lt/body>
  
&lt/html>

웃음(笑)은 세상을 움직이는 힘의 근원이며 숨어 숨 쉬는 살아있는 萬病通治 의사와 같은 무한한 꿈의 에너지입니다. 엄마가 아가에게 주는 웃음은

세상을 살아가는 꿈을 심어주고 무한한 애정을 아낌없이 넣어주는 사랑을 전수하는 마음의 에너지입니다. 연인이 서로에게 주는 웃음은 이 험한 세상 함께 가자고 다짐하며 영원을 다지고 연정(戀情)으로 이어주는 꿈을 심는 희망에 메세지입니다.

② &ltpre> ... &lt/pre>

preFormatted text : 미리 짜여진 모양대로 나타낸다.
즉, 화면에 나타난 모양대로 나타나게 된다.
그런데. 한가지 주의 할 것은 문장이 길게 되면 줄바꿈을 해주어야하는데 한줄로 길게 나타나게 된다.

 태그를 사용해서 긴 문장이 되면 표가 길게 늘어나게 된다.
이것을 방지하기 위한 또 다른 대책이 필요하게 되는데, style 중 word-wrap:break-word 기능을 이용한다.
나중에 style 부분에서 다루기로 한다.

코드 작성

실행결과

  &lthtml>

  &lthead>
    &lttitle>태그의 사용 예&lt/title>
  &lt/head>
  
  &ltbody>
  &ltpre>
  웃음(笑)은 
  세상을 움직이는 힘의 근원이며 
  숨어 숨 쉬는 살아있는 萬病通治 
  의사와 같은 무한한 꿈의 에너지입니다. 

  엄마가 
  아가에게 주는 웃음은
  
  세상을 살아가는 꿈을 심어주고 
  무한한 애정을 아낌없이 넣어주는 
  사랑을 전수하는 마음의 에너지입니다.
                            
  연인이
  서로에게 주는 웃음은 
  이 험한 세상 
  함께 가자고 다짐하며 
  영원을 다지고 연정(戀情)으로 이어주는 
  꿈을 심는 희망에 메세지입니다.
  &lt/pre>
  
  &lt/body>
  
  &lt/html>

웃음(笑)은 
세상을 움직이는 힘의 근원이며 
숨어 숨 쉬는 살아있는 萬病通治 
의사와 같은 무한한 꿈의 에너지입니다.

엄마가 
아가에게 주는 웃음은

세상을 살아가는 꿈을 심어주고
무한한 애정을 아낌없이 넣어주는 
사랑을 전수하는 마음의 에너지입니다.
 
연인이 
서로에게 주는 웃음은 
이 험한 세상 
함께 가자고 다짐하며 
영원을 다지고 연정(戀情)으로 이어주는 
꿈을 심는 희망에 메세지입니다.

③ &ltBlockquote> ... &lt/Blockquote>

Blockquote : Block Quotation 즉, 블록으로 인용했다는 뜻으로 문단 들여쓰기 효과를 나타낸다.

코드 작성

실행결과

  &lthtml>

  &lthead>
    &lttitle>태그의 사용 예&lt/title>
  &lt/head>
  
  &ltbody>
&ltBlockquote>
웃음(笑)은
세상을 움직이는 힘의 근원이며 
숨어 숨 쉬는 살아있는 萬病通治 
의사와 같은 무한한 꿈의 에너지입니다.

연인이 
서로에게 주는 웃음은
 
이 험한 세상
함께 가자고 다짐하며
영원을 다지고 연정(戀情)으로 이어주는
꿈을 심는 희망에 메세지입니다.
&lt/Blockquote>
  &lt/body>

댓글 0개

등록된 댓글이 없습니다.

로그인한 회원만 댓글 등록이 가능합니다.

작성자 정보

컨텐츠 정보

본문

관련자료