[HTML]글자(font)태그의 속성

  • 머리글자(Headings)
<H1></H1>, <H2></H2>, <H3></H3>, <H4></H4>, <H5></H5>, <H6></H6> 6 단계가 있으며 <H1></H1>이 가장 큰 글자이다.

<H1>H1 제목 글자</H1>

H1 제목 글자
<H2>H2 제목 글자</H2>

H2 제목 글자
<H3>H3 제목 글자</H3>

H3 제목 글자
<H4>H4 제목 글자</H4>

H4 제목 글자
<H5>H5 제목 글자</H5>
H5 제목 글자
<H6>H6 제목 글자</H6>
H6 제목 글자


  • font
    size, color, face 들이 있고 그 값들이 특성을 아래와 같이 결정한다.
  • size ; 1 부터 7 사이의 정수
<FONT size=7>FONT size=7 글자</FONT>
FONT size=7 글자
<FONT size=6>FONT size=6 글자</FONT>
FONT size=6 글자
<FONT size=5>FONT size=5 글자</FONT>
FONT size=5 글자
<FONT size=4>FONT size=4 글자</FONT>
FONT size=4 글자
<FONT size=3>FONT size=3 글자</FONT>
FONT size=3 글자
<FONT size=2>FONT size=2 글자</FONT>
FONT size=2 글자
<FONT size=1>FONT size=1 글자</FONT>
FONT size=1 글자

  • color

<FONT color="ff0000">FONT color="ff0000" 글자</FONT>
<FONT color="cccccc">FONT color="cccccc" 글자</FONT>
<FONT color="gold">FONT color="gold" 글자</FONT>
<FONT color="black">FONT color="black" 글자</FONT>


FONT color="ff0000" 글자
FONT color="cccccc" 글자
FONT color="gold" 글자
FONT color="black" 글자

  • face

<FONT face="궁서">FONT face="궁서" 글자</FONT>
<FONT face="바탕">FONT face="바탕" 글자</FONT>
<FONT face="Comic Sans MS">FONT face="Comic Sans MS" 글자</FONT>
<FONT face="Impact">FONT face="Impact" 글자</FONT>


FONT face="궁서" 글자
FONT face="바탕" 글자
FONT face="Comic Sans MS" 글자
FONT face="Impact" 글자


조합으로  사용이 가능합니다.
<FONT size=4 face="궁서" color=008000>FONT size=4 face="궁서" color=008000 글자</FONT>
FONT face="궁서" color=008000 글자



  • 굵게 표시
<B></B> , <STRONG></STRONG>

  • 기울임 글자( 이태릭 글자)
<I></I>, <CITE></CITE>, <DFN></DFN>, <EM></EM>
  • 밑줄 친 글자
<U></U> , <INS></INS>
  • 지운 글자(글자 가운데 줄표시)
<DEL></DEL>, <S></S>, <STRIKE></STRIKE>
  • 위첨자(SUP)  ,  아래첨자(SUB)
문장 중에서 <SUP>위 첨자 글자</SUP>와 <SUB>아래 첨자 글자</SUB>로 표시 되는 내용의 예제이다.
문장 중에서 위 첨자 글자와 아래 첨자 글자로 표시 되는 내용의 예제이다.

  • 작은글자(SMALL) , 큰글자(BIG)
문장 중에서 <SMALL>SMALL 글자로 표시되는 내용</SMALL>의 예제이다.
문장 중에서 <BIG>BIG 글자로 표시되는 내용</BIG>의 예제이다.
문장 중에서 SMALL 글자로 표시 되는 내용의 예제이다.
문장 중에서 BIG 글자로 표시되는 내용의 예제이다.

  • 줄바꿈 <P></P>
  • 하나의 문단으로 표시하되 이테리 글자로 표시<ADDRESS></ADDRESS>
  • 하나의 문단으로 표시, 시작과 끝에 자동 줄바꿈을 하는데 빈줄을 삽입하지 안는다. <DIV>와</DIV>

문장 중에서 <DIV>하나의
DIV 문단 표시</DIV>의 예제이다.

문장 중에서
하나의 DIV 문단 표시
의 예제이다.

  • 하나의 문단으로 표시 , 시작과 끝에 자동 줄바꿈을 하는데 빈 줄을 삽입하며, 이 태그 안에서는 빈 칸, 줄바꿈, 탭(tab)을 모두 그대로 표현한다.

문장 중에서 <PRE>하나의
PRE 문단 표시</PRE>의 예제이다.

문장 중에서
하나의
PRE 문단 표시
의 예제이다.


  • 글자의 모양, 강조, 배경, 색상을 표로 정리

글자의 모양을 정의해 주는 태그

<STRONG>

<STRONG> ... </STRONG>

굵은 글씨

<B>

<B> ... </B>

<EM>

<EM>... </EM>

이탤릭체

<I>

<I> ... </I>

<KBD>

<KBD> ... </KBD>

타자기체

<CODE>

<CODE> ... </CODE>

<TT>

<TT> ... </TT>

부분을 강조해 주는 태그

<BLINK>

<BLINK> ... </BLINK>

글자를 깜박이게 해줌

<U>

<U> ... </U>

글자에 밑줄을 그어줌

배경 이미지 작업하기

<BODY>

<BODY BACKGROUND="...">

배경 이미지

<BODY BGCOLOR="#000000">

배경 색깔

색상 지정하기

<BODY>

<BODY TEXT="#000000"> ... </BODY>

글자색을 지정

<BODY LINK="#000000"> ... </BODY>

하이퍼링크의 색을 지정

<BODY VLINK="#000000"> ... </BODY>

한번 누른적이 있는 하이퍼링크색 지정

<BODY ALINK="#000000"> ... </BODY>

누르고 있는 동안의 색 지정




글자태그 참고1번


글자태그 참고2    다솜이 보러가기

글자태그 참고3     출처: sform.biz
 
저작자표시 비영리 변경금지
개    개