html

문자 고정시키기


<PRE>~</PRE>

<PRE>란 Preformatted를 의미하며 문장과 단락의 형태를 보다 자유롭게 표현할 수 있게 하는 기능을 한다.
<P>나 <BR>등으로 표현하기에는 너무 복잡한 문장등은 일괄적으로 <PRE>태그를 사용한다. <PRE>태그를 사용하면 태그 안의 모든 TEXT들은 그 문장 안에서 유효하게 된다. 즉 여백이나 줄 바꿈등이 전부 유효하게 되는 것이다.

아래의 예에서 <PRE>태그의 기능을 확인할 수 있다. 

<PRE>대강 눈치를 

      채신 분도    계실 겁니다.</PRE>

view


<PRE>태그 내부에선 가급적이면 다른 태그의 사용을 피하는 것이 좋다. 헷갈릴 수 있기 때문이다. 만일 <PRE></PRE>태그 사이에 다른 태그를 넣었을 때 일어날수 있는 오류를 아래에서 볼 수 있을 것이다. 

<PRE>
이 장에서는  <HTML> 문서의

        사용법을 
                 
         
        배울 수 있습니다.</PRE>

view


위의 예에서처럼 <PRE>안의 태그는 그대로 출력되지 않는다. <...>를 태그로 인식하지 않고 꺽쇠 괄호로 타이핑 한 것처럼 출력하려면 특수 문자 코드를 사용해야 한다.

참고로 <PRE>태그를 사용할 때에는 한 줄에 80글자 수가 넘지않도록 주의해야 한다. 수평 화면은 80개 이상의 글자를 지원하지 않는 브라우져도 있기 때문이다.

또한 <PRE>태그를 이용하여 Signature를 홈페이지 상에 올릴 수도 있다. 여기에서 Signature란 글자를 이용한 그래픽을 말한다. 아래를 볼까요? 

<PRE> 

       /:""|  .****,
(\/)  |:`66|_ @@@@@\ `,
 \/   C`    _)aa`@@@\  \
       \ ._| (_   ?@@|  \
        )_/   =' @@@@|   |
       /`\8\   \(```/    |
      || |8|  /^^\ |     /
      || |8| /\::/||    |
      || |8| \ | |||    \
      || |~|  \| |||     \
      :| |=:   |:|\\.:.:.::.
      ||_|,|   |:| \ ':':':`
      \)))||   (((  |
       | :||   |    | (\/)
       | :||   |    |  \/
       ) :||   |    \
       | :||   |     `\
       | :||   |:.:.   `~-._
       |_:||_   /~))\       `~~-._
       (_,__)) /_/YY `':':':':':':`
</PRE>

view


길라잡이 back forward



html line list line table line frame line special line internetQ&A

Copyright Centis. All rights reserved.