여기에서는
태그를 배우는데 가장 기초인 text 태그에 대해서
배워보도록 하겠습니다. 말 그대로 글자에 어떠한
기능을 하는 태그입니다. 주로 글자의 색깔, 크기,
움직임, 글꼴 등을 나타낼 수 있니다....자~ 그럼 한
가지씩 배워볼까요?^^
※ 글자태그의 기본
글자태그는 기본적으로 <font></font>
입니다. 그런데 <font></font>☜이것만
있어서는 아무런 효과를 나타낼 수 없구요....단지
기본적인 뼈대이며...<font></font>☜이것에
각각의 기능을 나타내는 속성이 붙는 겁니다.
예를 들자면 <font color="green">녹색</font>
이런식 이져^^
※ 글자색 조정 ( <font
color="색명 or RGB색상코드"> )
제일 먼저 글자의 색을 조정하는 방법입니다.
색을 영어로 color 라고 하죠?^^ 모르시는 분들은
없겠져?^^ 그대루 써주시면 됩니다. 단, 태그를
사용하는데 있어서 글꼴을 제외하곤 한글을 쓰지
못합니다. 전부다 영어나 기호를 사용해야 하죠.
그러기 때문에 색명을 적을 때도 영어로
"red" , "green" , "yellow" ☜이런
식으로 적어 주어야 합니다.
| 태그 |
변화 |
| <font color="red">이건
빨간색</font> |
이건 빨간색 |
| <font color="blue">이건
파랑색</font> |
이건 파랑색 |
| <font color="green">이건
녹색</font> |
이건 녹색 |
| <font color="#FF0000">이건
빨간색</font> |
이건
빨간색 |
| <font color="#FFFF00">이건
노랑색</font> |
이건
노랑색 |
위에 표를 보니 이해가 되시져....^^ 뒤에
두개는 RGB색상코드를 넣은 겁니다. RGB색상코드를
알고 싶은 분은 ☞이곳을 클릭하시면 RGB색상코드표가
있으니 거길 참조하시길 바랍니다.
※ 글자 크기 조정 ( <font
size="1~7"> 혹은 <font
style=font-size:수치pt>
혹은 <h1>~<h6> )
글자 크기를 조절하는 방법입니다.
컬러와 마찬가지로 크기는 영어로 size 져..^^
그리고 태그 안에 수치나 숫자가 커질 수록
글자크기가 커집니다.(주의 :
<h>의 경우숫자가 작을 수록 커짐) 단, font size의 경우 최대 7까지
밖에 크게 할 수 없구요...h의 경우도 최대 h1까지가
한도이죠. 예제를 한번 볼까요?^^
| 태 그 |
변 화 |
| <font size="5">글씨 크져^^</font> |
글씨 크져^^ |
| <h1>이건 더 크져^^</h1> |
이건 더 크져^^ |
| <font style = font-size:30pt>더욱
크져</font> |
더욱
크져
|
아시겠져^^
마지막에 가장 큰 글씨는 스타일 이용한 건데요....이건
수치를 넣은 만큼 크기가 무한대로 커지기 때문에
사용하실 때 조심하시도록.......그리고 앞에<font
style....> ☜이 부분에 font 대신 다른 태그가
들어갈 수도 있습니다. 다른 태그를 집어 넣으면
해당태그에 속하는 글자의 크기가 지정된
수치만큼 커집니다.^^
※ 글꼴 조정 ( <font
face="글꼴"> )
이번에는 글꼴 조정하는 방법입니다.
글꼴이 뭔지는 아시져? ^^ 우리가 "돋움체","궁서체","바탕체"
등...뭐 이런 글자의 모양을 말하는 거죠^^ 이러한
글꼴도 역시 태그를 이용해서 조정할 수
있습니다.
| 태 그 |
변 화 |
| <font face="궁서체">이건
궁서체네용^^</font> |
이건
궁서체네용^^ |
| <font face="돋움체">이건
돋움체이구용^^</font> |
이건
돋움체이구용^^ |
| <font face="바탕체">이건
바탕체입니다^^</font> |
이건
바탕체입니다^^ |
| <font face="Arial">이건
Arial 체입니다.^^</font> |
이건 Arial
체입니다. |
자...글자색, 글자크기,
글꼴에 대해서 배워봤는데요...다음 페이지에서는
글자움직임 과 각종 예제에 대해서 알아보도록
하죠^^
|