문단 나누기

문단 나누기

■■■■
■■■■■■■■
■■■■■■■■■■■■

문서의 헤더	글꼴과 문자열의 강조	문단 나누기	목록명령어	다른 문서 연결하기	이미지 넣기	TABLE 만들기	HTML 주석

문장을 써다보면 단락을 바꾸기 위해 한줄의 공백을 삽입할 필요가 있 을 때가 있다.
그런데 HTML 문서에서는 공백라인을 단지 공백(space) 한개로 밖에 인식하지 않는다.
즉, 워드프로세서와는 달리 HTML 문서에 서는 행바꿈(Enter키를 누른 곳)문자는 무시된다.
따라서 일반 텍스트를 HTML tag 없이 사용하게 되면, 화면에 행바뀜이 없이 글자들이 빽빽하 게 나타난다.
HTML문서에서 줄바꿈이나 줄간격 두기를 하기 위해서는 적절한 tag을 사용하여야 한다.


        <BR CLEAR=[left|right]>

[결과를 보시려면 여기를 누르세요.]

        <HTML>
           <HEAD><TITLE>창원대학교</TITLE>
           </HEAD>
           <BODY>
              <H3>My Sweet Home </H3>
              안녕하세요? 창원대학교입니다.
              당신의 방문을 진심으로 환영합니다.
              언제나 평안하세요.
           </BODY>
        </HTML>

각 문장들 사이에 문장 분리가 이루어지지 않아서 '결과'와 같이 나타난다.
만약 위에서 작성한 것처럼 내용을 한줄 한줄 분리시키고 싶다면 tag를 사용한다. 은
행바꿈(linebreak) tag로, 한 줄을 띄우지 않고 줄을 바꾼다. 즉, HTML에서 Enter키의 효과를 가진다. 은 이에 대응하는 을 가지지 않는다.
CLEAR attribute는 그림 따위가 자리를 차지하고 있는 경우 왼쪽, 또 는 오른쪽의 끝이 나타날 때까지 줄 간격을 띄우게 된다.

[결과를 보시려면 여기를 누르세요.]

<HTML> <HEAD><TITLE>창원대학교</TITLE> </HEAD> <BODY> <H3>My Sweet Home </H3> 안녕하세요? 창원대학교입니다. 당신의 방문을 진심으로 환영합니다. 언제나 평안하세요. </BODY> </HTML>


        <P ALIGN=[left|right|center]>...... </P>

문단을 지정한다. 문단 앞 뒤로 한 줄씩 줄간격을 두는 효과가 있으며, 단지 한칸의 줄간격을 두기 위하여 사용되기도 한다. 는 생략 될 수 있다. ALIGN=CENTER인 경우는 <CENTER> tag과 동일한 역할을 하 게 된다.
여기에서 한가지 주의해야 할 사항은 라는 tag는 문단을 분리 하기 위해서 사용되는 tag이지 문장이나 문단들 사이에 여백을 주기 위해서 사 용 되어지는 tag가 아니라는 점이다. 일반적으로 문단사이에 여백을 줄 때 가 사용되어지는 것을 볼 수 있는데 이는 바른 사용법이라 고 할 수 없다.

<PRE>


        <PRE> ......</PRE>

'preformatted'를 의미하는 <PRE>를 사용하면 내용은 시스템의 고 정폰트로 표시되며, 에디팅할 때와 같은 형태로 브라우저에 나타난다.
다시 말 하면 HTML 문서 안에서 빈칸이 여러개 들어가 있거나 특정 위치에 줄 바꾸기가 있을 경우에도 그대로 보여지게 된다. 즉, 일반 텍스트 문서 그 대로를 보여주는 것과 같은 효과가 나타난다. 프로그램 소스(source) 코드 의 내용을 보여줄 때 유용하다.

[결과를 보시려면 여기를 누르세요.]

<HTML> <HEAD> <TITLE>창원대학교</TITLE> </HEAD> <BODY> <H3>My Sweet Home </H3> <PRE> 안녕하세요? 창원대학교입니다. 당신의 방문을 진심으로 환영합니다. 언제나 평안하세요. </PRE> </BODY> </HTML>

<PRE>로 묶이는 부분에서도 Hyperlink가 사용될 수 있다. 하지만 이러한 일은 피하는 것이 좋다. 또한 '<', '>', '&'는 <PRE> tag 안에서도 여전히 특별한 의미를 나타내므로 이러한 문자를 사용하기 위해서는 < > &로서 나타내야 한다.


        <BLOCKQUOTE> ......</BLOCKQUOTE>

인용문을 사용할 경우에는 <BLOCKQUOTE> tag를 사용한다. 문단의 왼쪽과 오른쪽에 약간의 여백이 생기고 경우에 따라서는 내용이 이탤릭체로 표시되기도 한다. 대부분의 웹 브라우저에서는 이러한 경우에 주변의 다른 내용과는 구분이 될 수 있도록 들여쓰기를 한다.

[결과를 보시려면 여기를 누르세요.]

사랑과 공의가 동시에 충족될 수 있을까요? 어느왕이 나라를 바로잡기 위해 죄를 짓는 사람은 발가벗겨 매로쳐 죽이겠다고 했습니다. 그런데 그의 어머니가 그 죄를 범했습니다. <BLOCKQUOTE> "왕은 사랑이 많은 분이시니 어머니를 죽이지 못할 것이다." "아니야, 왕은 공의로운 분이니 사형을 집행할 것이다." </BLOCKQUOTE> 하며 사람들이 수군댔습니다. 왕은 어머니를 벗겨 나무에 매달게 했습니다. 그리고 왕 자신이 옷을 벗고 어머니의 몸을 감싸안고 매에 맞아 죽었습니다. 바로 공의와 사랑을 동시에 실현한 것입니다.


        <ADDRESS> ......</ADDRESS>

<ADDRESS> tag는 문서 작성자를 명시해주며, E-mail처럼 타인들이 문서 작성자와 접촉할 수 있는 수단을 제공해 주는 역할을 한다.
일반적으로 문서의 마지막에 위치시킨다. 이텔릭체로 표현된다.

[결과를 보시려면 여기를 누르세요.]

<ADDRESS> 궁금한 사항이나 요청사항이 있으면 <A HREF="mailto:ytwoo@sarim.changwon.ac.kr"> w3master@sarim.changwon.ac.kr</A> 로 메일 주세요. </ADDRESS>


        <CENTER> ......</CENTER>

<CENTER> tag로 둘러싸인 단락들을 중앙정렬하게 된다.
...와 같은 역할을 한다.

[결과를 보시려면 여기를 누르세요.]

<CENTER> <CENTER> tag를 사용하면 가운데로 정렬된다. </CENTER>

<HR>


  <HR SIZE=n WIDTH=pixles|percentage ALIGN=left|right|center NOSHADE>

수평선이 놓여지게 된다. HTML 문서에서 내용과 내용의 분리를 보다 확실하게 하기 위해서 사용한다. SIZE는 줄의 굵기, WIDTH는 줄의 길이를 지정한다. NOSHADE는 음영 표시가 없는 줄을 그리는데 쓰인다.

[결과를 보시려면 여기를 누르세요.]

<HR SIZE=2 WIDTH=30%> <HR SIZE=6 WIDTH=50%> <HR SIZE=10 WIDTH=80%> <HR> <HR SIZE=10 WIDTH=80% NOSHADE> <HR SIZE=6 WIDTH=50% NOSHADE> <HR SIZE=2 WIDTH=30% NOSHADE>

문서의 헤더 글꼴과 문자열의 강조 문단 나누기 목록명령어 다른 문서 연결하기 이미지 넣기 TABLE 만들기 HTML 주석

☜DB Lab.

▲홈페이지 작성법

◀Prev. Chap.

▶Next. Chap.

DB Lab. Home	Welcome to Database Laboratory in Changwon National University !	Univ. Home

Drop any comments or suggestions to : ytwoo@sarim.changwon.ac.kr
Copyright(C) 1996. YongTae Woo, Database Laboratory, Changwon National University
Tel. 82-551-79-7423 Fax. 82-551-79-7680 All rights reserved.