글꼴과 문자열의 강조 ■■■■
■■■■■■■■
■■■■■■■■■■■■

☜DB Lab. ▲홈페이지 작성법 ◀Prev. Chap. ▶Next. Chap.
문서의 헤더 글꼴과 문자열의 강조 문단 나누기 목록명령어 다른 문서 연결하기 이미지 넣기 TABLE 만들기 HTML 주석
    글자 모양을 규정하는 것은 크게 논리적 스타일과 물리적 스타일로 나눌 수 있다.

    논리적 스타일

    논리적 스타일은 글의 내용이 주고자 하는 의미에 따라 글자모양을 규정하 는 것으로 문자의 강조, 보다 강한 강조, 혹은 컴퓨터 코드 등의 논리적인 속성을 지정하는데 사용되어진다.

    태 그 글 자 체
    <EM> emphasis   강조, 이탤릭체
    <STRONG> strong emphasis   강한 강조, 굵은 글자체
    <CODE> code   컴퓨터 코드, 고정폭 글자체
    <SAMP> sample   샘플 출력, 고정폭 글자체
    <KBD> keyboard   키보드 키입력, 고정폭 글자체
    <CITE> citiation   책,사진 등의 제목 나타낼 때
    <VAR> variable   변수정의, 이탤릭체
    <DFN> defining instance   변수표시
    <BIG> big print   큰 글자
    <SMALL> small print   작은 글자

    [결과를 보시려면 여기를 누르세요.] 
     <!.. 논리적 스타일 ..>
 <EM> 안녕하세요?   창원대학교입니다. </EM> <BR><BR>
 <STRONG> 안녕하세요?   창원대학교입니다. </STRONG> <BR><BR>
 <CODE> 안녕하세요?   창원대학교입니다. </CODE> <BR><BR>
 <CITE> 안녕하세요?   창원대학교입니다. </CITE> <BR><BR>
 <DFN> 안녕하세요?   창원대학교입니다. </DFN> <BR><BR>
 <BIG> 안녕하세요?   창원대학교입니다. </BIG> <BR><BR>
 <SMALL> 안녕하세요?   창원대학교입니다. </SMALL>


    물리적 스타일

    물리적 스타일의 경우에는 그 부분을 특수한 모양 즉, 실제 굵은체, 이탤릭 등으로 지정하는 것이다.
    대개의 경우 브라우저는 논리적 스타일의 <strong>과 물리적 스타일의 <b>를 동일한 출력으로 보여주지만 가능하면 논리적 스타일 사용을 권장한다.
    논리적 tag의 장점은 브라우저의 기능이 최대한 활용될 수 있으며, 또한 작성하는 문서의 짜임새를 더욱 좋게 해준다.

    태 그 글 자 체
    <B> bold   굵은 글자
    <I> italic   이탤릭체
    <U> underlined   밑줄
    <TT> typewriter text   타자기로 타이핑한 것 같음
    <SUB> subscribt   아래첨자
    <SUP> superscript   윗첨자
    <BLINK> blink   반짝임
    <PRE> preformatted   입력한 그대로 보여줌
    <FONT [SIZE=n]
    [COLOR=color] >    		 font   글자크기와 색
    n은 기본값이 3이며 1∼7까지의 범위값이며
    +/-숫자를 이용하여 basefont에
    비례하 여 크기를 지정함
    color는 RGB색상지정
    <BASEFONT SIZE=n> basefont   기본글자 크기 변경. n은 <FONT>와 같은 범위 값

    [결과를 보시려면 여기를 누르세요.]
     <!.. 물리적 스타일>
 <B> 안녕하세요?   창원대학교입니다. </B> <BR><BR>
 <I> 안녕하세요?   창원대학교입니다. </I> <BR><BR>
 <TT> 안녕하세요?   창원대학교입니다. </TT> <BR><BR>
 안녕하세요? <SUB> 창원대학교입니다. </SUB> <BR><BR>
 안녕하세요? <SUP> 창원대학교입니다. </SUP> <BR><BR>
 <FONT SIZE=5 COLOR=#0000FF> 안녕하세요?   창원대학교입니다. 
 </FONT> <BR><BR>


    특수문자

    '<', '>', '&' 등의 문자들은 HTML 문서 내에서 특수한 용도로 사용도힌다. 따라서 이들 문자를 문서 내에서 사용하기 위해서는 엠퍼샌드(&)로 시작하여 세미콜론(;)으로 끝나는 특별한 형식으로 사용하여야 한다. 이것은 이름으로 표현하거나 숫자로 표현하면 된다. 숫자는 아스키(ASCII)코드이다.

    문 자 숫 자 코 드 문 자 숫 자 코 드
    > &#62 &gt; space &#160 &nbsp;
    < &#60 &lt; © copy right &#169 &copy;
    & &#38 &amp; ® registered &#174 &reg;
    " &#34 &quot; Å &#197 &Aring

문서의 헤더 글꼴과 문자열의 강조 문단 나누기 목록명령어 다른 문서 연결하기 이미지 넣기 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.