|
<font color="#FF9900">▷ 활자 태그(Font)</font>
|
| |
|
| |
⊙ 태그요소
|
| |
|
① <Font> ... </Font>
Font
인쇄를 할 때 사용하는 활자를 의미한다.
글꼴 및 색상, 크기를 바꿀 수 있어 대부분의 글자를 표현하는데 가장 많이 사용된다.
|
| |
⊙ 속성(Atributes)
|
| |
|
① color="값" (값 = 색이름 / SRGB)
색상 값을 지정하는 방법은 색이름을 사용하는 방법과 색상코드(16진수)로 표시한다.
|
|
속성
|
용도
|
사용법
|
|
color
|
글자 색상 지정
|
<font color="blue">글자의 색 지정</font>
|
|
color
|
글자 색상 지정
|
<font color="#0000FF">글자의 색 지정</font>
|
|
| |
|
|
| |
|
|
Font color 속성 예제
|
실행결과
|
<font color="blue">우리는 민족 중흥의 역사를 타고났다.</font><br>
<font color="#00FFFF">우리는 민족 중흥의 역사를 타고났다.</font>
|
우리는 민족 중흥의 역사를 타고났다.
우리는 민족 중흥의 역사를 타고났다.
|
|
| |
|
|
| |
|
|
| |
|
② face="글꼴 이름"
글꼴은 윈도우에 사용되는 폰트를 모두 사용할 수 있다.
한글을 지정하지 못하는 폰트도 있다.
|
|
속성
|
용도
|
사용법
|
|
face
|
글자 글꼴 지정
|
<font face="궁서">글자의 글꼴 지정</font>
|
|
| |
|
|
| |
|
|
Font face 속성 예제
|
실행결과
|
<font face="궁서">IMPACT : 강한 충격을 주다.</font><br>
<font face="Symbol">Symbol : 한글이 나타나지 않는다.</font>
|
IMPACT : 강한 충격을 주다.
Symbol : 한글이 나타나지 않는다.
|
|
| |
|
|
| |
|
|
| |
|
③ size="n", size="n|-n|+n"
글자 크기를 지정한다. 1~7 사이 값으로 숫자가 클수록 글자크기가 크다.
동시에 3개까지 지정할 수 있다.
기본값은 size="12"이며, - 는 한단계 아래, + 는 한단계 위 글자를 의미한다.
|
|
속성
|
용도
|
사용법
|
|
size
|
글자 크기 지정
|
<font size="11" color="blue">글자의 크기 지정</font>
|
|
| |
|
|
| |
|
|
Font 예제
|
실행결과
|
<font color="blue">
우리는 민족 중흥의 역사적 사명을 띠고 이땅에 태어났다.</font><br>
<font color="#0000FF">
우리는 민족 중흥의 역사적 사명을 띠고 이땅에 태어났다.</font>
|
우리는 민족 중흥의 역사적 사명을 띠고 이땅에 태어났다.
우리는 민족 중흥의 역사적 사명을 띠고 이땅에 태어났다.
|
<font face="굴림">
우리는 민족 중흥의 역사적 사명을 띠고 이땅에 태어났다.</font><br>
<font face="궁서">
우리는 민족 중흥의 역사적 사명을 띠고 이땅에 태어났다.</font>
|
우리는 민족 중흥의 역사적 사명을 띠고 이땅에 태어났다.
우리는 민족 중흥의 역사적 사명을 띠고 이땅에 태어났다.
|
<font size="1">글자크기를 비교</font><br>
<font size="2">글자크기를 비교</font><br>
<font size="3">글자크기를 비교</font><br>
<font size="4">글자크기를 비교</font><br>
<font size="5">글자크기를 비교</font><br>
<font size="6">글자크기를 비교</font><br>
<font size="7">글자크기를 비교</font>
|
글자크기를 비교
글자크기를 비교
글자크기를 비교
글자크기를 비교
글자크기를 비교
글자크기를 비교
글자크기를 비교
|
|
| |
|
|
| |
|
| |
|
|
| |
|
④ RGB / CMYK / HSB / True Color 색상 테이블
사용하고자 하는 색상을 마우스로 클릭하여 선택한 후 필요한 Color 값을 복사하여 사용한다.
|
| |
|
|
| |
|
|
| |
|
⑤ 색상이름 테이블
사용하고자 하는 색상을 찾아 이름을 마우스로 빠르게 더블클릭하거나 드래그하여 복사하여 사용한다.
|
| |
|
|
| |
|
|
| |
|
|