폰트태그는 글씨의 크기, 색깔, 글씨체 등을
설정 하여 글씨를 나타내는 태그로서 기본이 됩니다.
기본 폰트태그 ↓↓
|
< font size="2(글씨크기)" color="#0000cc(글씨색)" face="굴림(글씨체)"> 나타낼글씨 </font> |
마지막에 </font> 는 폰트 태그를 닫는다는 뜻이며닫기전 폰트태그 시작과 </font> 사이에 쓰이는
글씨가 크기,색,체,등이 적용되는 부분입니다.
닫아 주어야 그 다음 부분의 글씨에 적용되지 않습니다. 아.. 설명이 짜증나죠? -_-;
1.font size
폰트 사이즈. 폰트 사이즈는 글씨의 크기를 조절하는 속성입니다.
사이즈는 그냥 숫자로 1,2,3,..... 으로 (기본 2 ) 쓸 수도 있고
8pt, 9pt, 10p, 11pt, 12pt, 등으로 조절 할 수도 있습니다.
pt 단위가 더 작고 크기 2와 크기 10pt는 같습니다.
|
소스 |
결과 |
|
<font size="1">냠냠</font> |
냠냠 |
|
<font size="2">냠냠</font> |
냠냠 |
|
<font size="3">냠냠</font> |
냠냠 |
|
<span style="font-size: 8pt">냠냠</span> |
냠냠 |
|
<span style="font-size: 10pt">냠냠</span> |
냠냠 |
|
<span style="font-size: 12pt">냠냠</span> |
냠냠 |
2.font coror
폰트 컬러. 글씨의 색을 조절하는 속성입니다.
색은 영어로 red, green, black 등으로 써도 되고,
색상코드를 써서, 0000cc,(파랑) FFFFFF,(흰색) 등으로
써도 됩니다. 색상 코드가 더 종류가 많겟죠?
|
소스 |
결과 |
|
<font color="red"> 후훗 </font> |
후훗 |
|
<font color="black"> 후훗 </font> |
후훗 |
|
<font color="0000cc"> 후훗 </font> |
후훗 |
|
<font color="008000"> 후훗 </font> |
후훗 |
3.font face
폰트 패이스는 글씨체를 조절하는 속성입니다.
글씨체는 궁서체,굴림체 등이 있는데 기본으로 나오는
글씨체보다는 지정해서 쓰세요. (ex 굴림, 돋움, 궁서, 바탕)
|
소스 |
결과 |
|
<font face="궁서체">궁서다</font> |
궁서다 |
|
<font face="굴림">굴림이다</font> |
굴림이다 |
|
<font face="돋움">돋움이다</font> |
돋움이다 |
------------------------------------------------------------
이 속성들 몇가지를 같이 종합해서 써 본다면 다음과 같이 되겠지요.
<font color="red" fece="돋움"> 밥은 먹고다니니? </font>
<font size="2" face="궁서"> 신경 끄3 </font>
<font face="바탕" size="2" color="0000cc"> 훗 </font>
|
<font color="red" fece="돋움">밥은 먹고다니니?</font> |
밥은먹고다니니? |
|
<font size="2" face="궁서">신경 끄3</font> |
신경 끄3 |
|
<font face="바탕" size="2" color="0000cc"> 훗</font> |
훗 | |