jQuery | javascript | CSS

09.HTML- 문단 정렬 관련 태그

Godffs 2009. 7. 22. 01:52
반응형
문단정렬 태그로 <pre>, <xmp>, <blockquote>, <nobr> 가 있다.
 <pre> : 자유정렬, 태그가 실행됨_(그림9-1)
 <xmp>: <pre>와 동일 하지만 태그가 무시되고 그대로 출력됨_(그림9-1)
 <blockquote> : 문단을 한단계 들여쓰기_(그림9-1)
 <nobr> : 줄 바꿈 사용 안함_(그림9-2)

결과 화면입니다.
 

그림9-1

 <html xmlns="http://www.w3.org/1999/xhtml/">
<head>
   <title>문단 정렬 관련 태그</title>
</head>
<body>
   <div>
       <pre>
       자유정렬
           태그가 실행됨
           <hr /r>
       </pre>
       <xmp>
           pre 태그와 동일하나,
           태그가 무시됨...<hr />
       </xmp>
       <blockquote>
       문단을 한단계 들여쓰기
       </blockquote> <hr />

        <blockquote>
       <blockquote>
           문단을 두단계 들여쓰기
       </blockquote>
       </blockquote><hr />
   </div>
</body>
</html>

다음은 <nobr>태그 사용 결과 화면 입니다.
 

그림9-2_1

그림9-2_2

 		  

그림9-2_3



그림9-2_1 부터 그림9-2_3은 인터넷 창 크기를 줄이는 과정을 표현한 것입니다.
<nobr>태그를 아래 소스와 같이 제 이름인 "이준철"에 사용했습니다.
위에 스크린샷과 같이 "이준철" 문장이 한 묶음같이 아래로 내려간것을 확인 하실수 있습니다.
 <html xmlns="http://www.w3.org/1999/xhtml/">
<head>
    <title>문단 정렬 관련 태그</title>
</head>
<body>
    <div>
        <font>제 이름은 <nobr>이준철</nobr>입니다.</font>
    </div>
</body>
</html>

반응형