Home > HtmlFile
TITLE    FONT(글꼴 표현)
작성자 날짜 2012.10.12 조회수 0

<FONT>

글자의 표현 형태(스타일)를 나타내며 여러 가지의 특성 및 값을 가질 수 있는데 이를 애트리뷰트(attribute)라 한다.
HTML에서는 거의 모두 대소문자를 구별하지 않으나(대문자나 소문자를 다 사용 할 수 있슴), 이 설명서에서는 명령 요소인 엘레멘트(element:상세 내역 목록)대문자로, 이 애트리뷰트(attribute:상세 내역 목록)소문자로 표현하여 쉽게 구분 할 수 있게 했다.

엘레멘트기본적인 애트리뷰트을 소개하면 size, color, face들이 있고, 그 값들이 특성을 아래와 같이 결정하여 준다.

ball <FONT size="4">내용</FONT>

여기서 수치는 1 에서 7 사이의 정수이다.
7이 가장 큰 것이고 1이 가장 작은 것이다.
상대적으로 기본 크기에서 +1 혹은 -1로 지정 한 수치 만큼 조절 할 수 도 있다.

<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 글자

ball <FONT color="색상명">내용</FONT>

여기서 색상 값은 색상명이나 색상 번호가 되는데, 색상 번호적색(red), 녹색(green), 청색(blue)을 나타내는 rrggbb 색상의 정도를 16진수로 표시 한 것으로 높은 값이 ff, 낮은 값이 00이고, 색상명은 이들 색상 번호를 기억하는 대신 기억하기 좋은 영문으로 미리 정한 값이다.

상세한 내용은 색상표를 참조하라.

<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" 글자

ball <FONT face="굴림">내용</FONT>

여기서 글꼴을 지정하는데, 글꼴표(font 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" 글자

ball <FONT size="4" color="red" face="굴림">내용</FONT>

이와 같이 조합하여 사용 할 수 있다.

<FONT size=4 face="궁서" color=008000>FONT size=4 face="궁서" color=008000 글자</FONT>
<FONT size=3 face="Comic Sans MS" color="000080">FONT size="3" face="Comic Sans MS" color="000080" 글자</FONT>
<FONT size=-1 color="fusia" face="바탕">FONT size=-1 color="fusia" face="바탕"> 글자</FONT>
<FONT size=+2 face="Impact" color=gray>FONT size=+2 face="Impact" color=gray 글자</FONT>

FONT face="궁서" color=008000 글자
FONT size=3 face="Comic Sans MS" color="000080" 글자
FONT size="-1" color="fusia" face="바탕" 글자
FONT size=+2 face="Impact" color=gray 글자

특성 값을 따옴표(")로 묶어 주는 것이 원칙이나 생략하여도 된다. 그러나 가능한한 따옴표로 묶어 주도록 습관 들이는 것이 좋다. 물론 글꼴 이름에 빈칸이 있는 것에는 반드시 따옴표를 넣어 주어야 한다.

종료태그(</FONT>)까지 계속 적용되며, 자동 줄바꿈을 하지 않는다.

이제 기본적인 글자 표현을 위 한 머릿글자<FONT>를 조합하여, 문서에 표시되는 각종 글자의 표현을 원하는 형태로 표현 할 수 있게 되었다.

추가적인 표현으로 태그은 다음에 설명한다.

list
NO TITLE NAME DATE
7 웬표준파헤치기 관리자 2013.02.04
6 반응형웹 김대근 2012.11.02
5 라인모드(inline mode)와 블럭모드(block type) 2012.10.12
4 라인 표현과 블럭 표현 2012.10.12
3 FONT(글꼴 표현) 2012.10.12
2 머릿글자(Headings) Tear 2012.10.12
1 스터디오픈준비중입니다. 관리자 2012.09.28
 1 
1