본문 바로가기

정보창고/블로그 정보

8.글자 폰트의 모든 것

글자폰트의 모든 것  


① 글자크기 태그

 

<font size="크기">글자크기 태그</font>
글자에 관련된 태그는 font 입니다. 여기에 크기, 색상, 모양 등을 각각 size, color, face라고 지정하고 그에 맞는 이름을 따옴표 안에 넣어주면 됩니다.
크기는 h1, h2, h3...라고 할 경우 h1이 가장 크고 숫자가 커질 수록 글자는 작아집니다.
그러나 보통 크기는 그냥 1, 2, 3...이라고 하거나 8pt, 10pt, 12pt... 등 두가지를 많이 쓰는데 그냥 숫자만 적는 것은 쓰기에 편리하고 pt로 하는 것은 일반적으로 한글에서 말하는 글자크기와 같기 때문에 크기를 조정하기가 편리합니다.
그러면 아래에서 몇가지 크기들을 보여드리겠습니다.
 

<font size="2">작은글자</font> - 작은글자

<font size="3">작은글자</font> - 작은글자

<font size="4">보통글자</font> - 보통글자

<font size="5">보통글자</font> - 보통글자

 

<font size="6">큰글자</font> - 큰글자


<font size="
7">큰글자</font> - 큰글자

② 글자색상 태그

<font color="색상코드">글자색상 태그</font>
글자색상을 바꾸고 싶을 때에는 글자크기 태그처럼 font를 사용하는데 size 대신 color를 써주고 따옴표 안에 색상명이나 색상코드를 넣어주면 됩니다.
색상의 경우에도 크기처럼 방법이 여러가지 있는데 white, black, pink, blue, green, brown...과 같이 색상이름을 영문으로 쓰는 경우에는 코드를 외우지 않아도 되므로 편리하긴 하지만 세분화된 여러가지 색상들을 다양하게 쓰기는 어렵습니다.
반면
색상표(클릭!!)와 같이 숫자와 영문조합의 코드가 가장 많이 쓰이는데 이 경우 앞에 #이 붙기도 하나 안붙여도 무방하며 대소문자는 혼용해도 상관없습니다.
그 밖에도 숫자와 세미콜론으로 이루어진 코드가 있는데 이것은 보기 드물기 때문에 신경 안쓰셔도 됩니다.
 

<font color="SteelBlue">예쁜파랑</font> - 예쁜파랑

<font color="4682B4">예쁜파랑</font> - 예쁜파랑

<font color="pink">예쁜분홍</font> - 예쁜분홍

<font color="FFC0CB">예쁜분홍</font> - 예쁜분홍

<font color="458B74">예쁜초록</font> - 예쁜초록

<font color="FF4500">예쁜주황</font> - 예쁜주황

<font color="FFD700">예쁜노랑</font> - 예쁜노랑

③ 글자모양 태그

<font face="글자체">글자모양 태그</font>
글자체를 바꾸려면 size 혹은 color 대신에 face를 쓰고 따옴표 안에 글자체 이름을 써주면 됩니다.
그러나 주의해야 할 것은 익스플로러에서 지원하는 굴림체, 돋움체, 궁서체, 바탕체는 자유자재로 바꿀 수 있으나 이솝체, 엽서체, 휴먼매직체.. 등 다양한 글자체는 이것을 지원하는 사이트에서 다운을 받아 zip을 풀어준 후 윈도우의 폰트(제어판에서 바꿔주면 쉽다)에 추가해 줘야지만 사용할 수 있다는 것입니다.
 

<font face="굴림체">굴림체</font> - 굴림체

<font face="돋움체">돋움체</font> - 돋움체

<font face="궁서체">궁서체</font> - 궁서체

<font face="바탕체">바탕체</font> - 바탕체

④ 글자변형 태그

이것은 글자변형이지만 font를 사용하는 것은 아니고 간단한 명령어만 주면 됩니다. 아래를 참고하세요.
 

<b>진하게</b> - 진하게

<strong>진하게</strong> - 진하게

<i>이탤릭체</i> - 이탤릭체

<u>밑줄긋기</u> - 밑줄긋기

<sup>위첨자</sup> - 위첨자

<sub>아래첨자</sub> - 아래첨자

⑤ 움직이는 글자 태그

<marquee direction="방향">움직이는 글자 태그</marquee>
글자움직임은 글자를 상하좌우 등으로 움직여 주는 것입니다.
여기서 direction이라 지정하고 따옴표 안에 up, down, right, left.. 등의 방향을 주는데 방향이 한쪽으로만 움직이지 않을 경우에는 direction 대신 behavior라 지정하고 움직임의 종류를 따옴표 안에 넣어주면 됩니다.
그리고 scrolldelay="속도"를 해주어 움직이는 속도를 조정할 수 있고 두가지 이상의 움직임을 한꺼번에 적용할 수도 있습니다.
아래의 예를 참고하세요~
 

<marquee direction="right">오른쪽으로 움직임</marquee>

오른쪽으로 움직임

<marquee direction="left">왼쪽으로 움직임</marquee>

왼쪽으로 움직임

<marquee behavior="alternate">좌우로 움직임</marquee>

좌우로 움직임

<marquee behavior="alternate" scrollamount="1000">좌우로 빠르게</marquee>

좌우로 빠르게

<marquee direction="up" scrolldelay="200">위로 올라감</marquee>

위로 올라감

<marquee direction="down" scrolldelay="200">아래로 내려감</marquee>

아래로 내려감

<marquee>한<ul>글<ul>자<ul>씩<ul>움<ul>직<ul>임<ul></marquee>

 

 

<marquee behavior="alternate" direction="up">두개이상 적용</marquee>

두개이상 적용

⑥ 참고사항

★ 줄바꾸기 - 이것은 시작과 마무리 없이 한번만 쓰면 되는데 <br>은 줄만 바꾸어주는 것이고 <p>는 줄 바꾸면서 한 줄을 띠어주는 것입니다.
★ 인용구 - <blockquote>인용구</blockquote>로 해주면 태그 사이의 인용구들이 들여쓰기가 되는 것입니다. 앞에서도 말했듯이 HTML은 띠어쓰기가 한 칸이상은 안되기 때문에 유용합니다.

★예제소스
 

<html>
<head><title>글자폰트의 모든 것 태그와 결과</title></head>
<body>
<font size="
4" face="이솝체" color="336699"><b>글자폰트의 모든 것</b></font><p>

<marquee direction="left"><font color="FF4500" face="돋움">어때요? 글자폰트의 모든 것을 익히셨나요?</font></marquee><p>

<font color="458B74"><i>글자폰트에서 배운 것</i></font><p>

<blockquote> 글자크기 태그<br>
글자색상 태그<br>
글자모양 태그<br>
글자형태 태그<br>
움직이는 글자 태그<br>
줄바꿈과 인용구<br>
</blockquote>
</body>
</html>

글자폰트의 모든 것

어때요? 글자폰트의 모든 것을 익히셨나요?

글자폰트에서 배운 것

 

글자크기 태그
글자색상 태그
글자모양 태그
글자형태 태그
움직이는 글자 태그
줄바꿈과 인용구

01

 맵씨

<SPAN style="FILTER: shadow(color=blue); COLOR: white; HEIGHT: 10px"><FONT face=휴먼엽서체 color=red size=6><B>맵씨</B></FONT></SPAN>

02
 솜씨
<SPAN
style="FILTER: shadow(color=blue); COLOR: white; HEIGHT: 10px"><FONT face=휴먼엽서체
color=lightpink size=5><B> 솜씨<BR></B></FONT></SPAN>
03  백송 <FONT face=HY백송B
color=#990000><SPAN style="FONT-SIZE: 24pt">백송</SPAN></FONT>
04  구름

<SPAN style="FONT-SIZE: 24pt; FILTER: Glow(color=#0000ff,strength:2); WIDTH: 100%; COLOR: #ffffff; FONT-FAMILY: 돋움; HEIGHT: 20px"> 구름</SPAN>

05  그림 <SPAN style="FONT-WEIGHT: bold; FONT-SIZE: 20pt; FILTER: Shadow
(color=#ff9e2e,direction=125); WIDTH: 100%; COLOR: #ff7404; FONT-FAMILY: 돋움; HEIGHT: 23px"> 그림</SPAN>
06  나눔 

<SPAN style="FILTER: shadow(color=#cccccc); COLOR: black; HEIGHT: 4px"><SPAN style="FONT-SIZE: 24pt"> 나눔</SPAN> </SPAN>

07  사과

<SPAN style="FILTER: glow(color:blue); COLOR: white; HEIGHT: 28px"><FONT size=5><B>사과</B></FONT></SPAN>

08  소녀 <SPAN style="FILTER: glow(color:red); COLOR: red; HEIGHT: 28px"><FONT
size=6>소녀</FONT></SPAN>
09
 역도

<DIV style="FONT-SIZE: 20pt; FILTER: glow(color=red, strength=10); WIDTH: 70px; HEIGHT: 24px"> 역도</DIV>

10  남산

<SPAN style="FONT-SIZE: 24pt; FILTER: glow(color=0033ff); COLOR: white; HEIGHT: 8px">남산</SPAN>

11
 참깨

<DIV style="FONT-SIZE: 24pt; FILTER: glow(color=blue, strength=8); WIDTH: 80px; HEIGHT: 12px"><FONT color=deeppink> 참깨</FONT></DIV>

12
 전차

<DIV style="FONT-SIZE: 24pt; FILTER: glow(color=red, strength=8); WIDTH: 80px; HEIGHT: 12px"><FONT color=blue> 전차</FONT></DIV>

13  굴뚝

<SPAN style="FONT-SIZE: 24pt; FILTER: shadow(color=red,direction=135); WIDTH: 100%; COLOR: white; HEIGHT: 12px">굴뚝</SPAN>

14  금옥

<SPAN style="FONT-SIZE: 20pt; FILTER: shadow(color=660099,direction=135); WIDTH: 100%; COLOR: white; HEIGHT: 12px"> 금옥</SPAN>

15  강산

<SPAN style="FONT-SIZE: 20pt; FILTER: shadow(color=magenta,direction=135); WIDTH: 100%; COLOR: white; HEIGHT: 12px"> 강산</SPAN>

16  노래

<SPAN style="FILTER: dropshadow(color=3399ff,offy=3); HEIGHT: 15px"><SPAN style="FONT-SIZE: 24pt"> 노래</SPAN></SPAN>

17  강산

<SPAN style="FONT-WEIGHT: bold; FONT-SIZE: 20pt; FILTER: Shadow(color=black,direction=225); WIDTH: 100%; COLOR: brown; FONT-FAMILY: 바탕체; HEIGHT: 10px"> 강산</SPAN>

18
 호미

<DIV style="FONT-SIZE: 24pt; FILTER: glow(color=#9966ff, strength:5); WIDTH: 100%; COLOR: #ffffff; FONT-FAMILY: 돋움; HEIGHT: 30px"><FONT face=휴먼매직체><FONT color=white size=6> 호미</FONT></DIV> </FONT>

19  사람

<SPAN style="FILTER: shadow(color=red,direction=135); WIDTH: 100%; COLOR: white; HEIGHT: 10px"><FONT face=궁서 color=lime size=6> 사람</FONT></SPAN>

20  향수

<SPAN style="FONT-SIZE: 24pt; FILTER: shadow(color=blue,direction=135); WIDTH: 100%; COLOR: cyan; HEIGHT: 20px"> 향수</SPAN>

21  실버 

<SPAN style="FILTER: shadow(color=black); FONT-FAMILY: 엽서체; HEIGHT: 3px"><SPAN style="FONT-WEIGHT: bold; FONT-SIZE: 24pt; FILTER: shadow(color=yellow,direction=135); WIDTH: 100%; COLOR: black">실버</SPAN> </SPAN>

22  판매

<SPAN style="FONT-WEIGHT: bold; FILTER: glow(color=black,strength:6); WIDTH: 100%; FONT-FAMILY: 엽서체"><SPAN style="FONT-WEIGHT: bold; FONT-SIZE: 20pt; FILTER: glow(color=ffffff,strength:6); WIDTH: 100%; COLOR: black; FONT-FAMILY: 엽서체"> 판매</SPAN></SPAN>

23  바람 

<SPAN style="FILTER: shadow(color=black); HEIGHT: 3px"><SPAN style="FONT-WEIGHT: bold; FILTER: shadow(color=yellow,direction=135); WIDTH: 100%; COLOR: black"><SPAN style="FILTER: shadow(color=blue); HEIGHT: 3px"><SPAN style="FONT-WEIGHT: bold; FONT-SIZE: 24pt; FILTER: shadow(color=orange,direction=135); WIDTH: 100%; COLOR: red; FONT-FAMILY: hy백송b"> 바람</SPAN> </SPAN></SPAN></SPAN>

24  그대 

<SPAN style="FILTER: shadow(color=cccc99,direction=135); WIDTH: 100%; COLOR: black"><SPAN style="FILTER: glow(color=black,strength:6); WIDTH: 100%"><SPAN style="FILTER: glow(color=black,strength:6); WIDTH: 100%"><SPAN style="FILTER: shadow(color=black); COLOR: white; HEIGHT: 100%"><SPAN style="FONT-WEIGHT: bold; FONT-SIZE: 20pt; FILTER: glow(color=ffffcc,strength:6); WIDTH: 100%; COLOR: black; FONT-FAMILY: 엽서체"> 그대</SPAN> </SPAN></SPAN></SPAN></SPAN>

25  과일

<SPAN style="FILTER: shadow(color=ffccff,direction=135); WIDTH: 100%; COLOR: black"><SPAN style="FILTER: glow(color=orange,strength:6); WIDTH: 100%"><SPAN style="FILTER: shadow(color=black); HEIGHT: 100%"></SPAN></SPAN><SPAN style="FILTER: glow(color=black,strength:6); HEIGHT: 100%"><SPAN style="FONT-WEIGHT: bold; FONT-SIZE: 20pt; FILTER: glow(color=ffffcc,strength:6); WIDTH: 100%; COLOR: black; FONT-FAMILY: 엽서체"> 과일</SPAN></SPAN></SPAN>

26  동안 

<SPAN style="FILTER: shadow(color=#ffffcc,direction=50); HEIGHT: 10px"><SPAN style="FILTER: glow(strength:1); WIDTH: 100%"><SPAN style="FONT-WEIGHT: bold; FONT-SIZE: 20pt; FILTER: shadow(color=black,direction=100); WIDTH: 100%; COLOR: red; FONT-FAMILY: 엽서체"> 동안</SPAN> </SPAN></SPAN>

27  사랑

<SPAN style="FILTER: shadow(color=black); HEIGHT: 3px"><SPAN style="FILTER: shadow(color=white,direction=50); HEIGHT: 15px"><SPAN style="FILTER: glow(strength:2); WIDTH: 100%; COLOR: #ffffff"><SPAN style="FILTER: shadow(strength:2); HEIGHT: 3px"><SPAN style="FONT-WEIGHT: bold; FONT-SIZE: 24pt; FILTER: shadow(color=black,direction=135); WIDTH: 100%; COLOR: red; FONT-FAMILY: 엽서체"> 사랑</SPAN></SPAN></SPAN></SPAN></SPAN>

28  보리 

<SPAN style="FILTER: shadow(color=black); HEIGHT: 10px"><SPAN style="FILTER: shadow(color=black,direction=1); HEIGHT: 15px"><SPAN style="FILTER: glow(strength:1); WIDTH: 100%; COLOR: #ffffff"><SPAN style="FILTER: shadow(strength:1); HEIGHT: 3px"><SPAN style="FONT-WEIGHT: bold; FONT-SIZE: 20pt; FILTER: shadow(color=cccc99,direction=135); WIDTH: 100%; COLOR: #cccc99; FONT-FAMILY: 엽서체"> 보리</SPAN> </SPAN></SPAN></SPAN></SPAN>

29  진실 

<SPAN style="FILTER: shadow(color); HEIGHT: 10px"><SPAN style="FILTER: shadow(color=black,direction=1); HEIGHT: 15px"><SPAN style="FILTER: glow(strength:1); WIDTH: 100%; COLOR: #ffffff"><SPAN style="FILTER: shadow(strength:1); HEIGHT: 3px"><SPAN style="FONT-WEIGHT: bold; FONT-SIZE: 20pt; FILTER: shadow(color=cccc99,direction=135); WIDTH: 100%; COLOR: red; FONT-FAMILY: 엽서체"> 진실</SPAN> </SPAN></SPAN></SPAN></SPAN>

30  까닭 

<SPAN style="FONT-WEIGHT: bold; FONT-SIZE: 24pt; FILTER: shadow(strength=1); WIDTH: 100%; COLOR: red"> <SPAN style="FILTER: shadow(color=orange,direction=0); FONT-FAMILY: 엽서체; HEIGHT: 3px">까닭</SPAN> </SPAN>

31  달력  

<SPAN style="FONT-WEIGHT: bold; FILTER: shadow(color=ffffff,direction=3); WIDTH: 100%; COLOR: black; HEIGHT: 15px"><SPAN style="FILTER: glow(strength:2); WIDTH: 100%; COLOR: #ffffff; HEIGHT: 20px; valign: bottom"><SPAN style="FILTER: shadow(color=black,direction=135); HEIGHT: 3px"><FONT face=엽서체><SPAN style="FONT-WEIGHT: bold; FONT-SIZE: 20pt; FILTER: shadow(color=orange,direction=3); WIDTH: 100%; COLOR: red; HEIGHT: 15px"> 달력 </SPAN> </FONT></SPAN></SPAN></SPAN>

32  기차  

<SPAN style="FILTER: shadow(color=cccc99); HEIGHT: 3px"><SPAN style="FILTER: shadow(color=white,direction=1); HEIGHT: 15px"><SPAN style="FONT-SIZE: 10pt; FILTER: glow(); WIDTH: 100%; COLOR: #ffffff; HEIGHT: 20px; valign: bottom"><SPAN style="FILTER: shadow(); HEIGHT: 3px"><FONT face=엽서체><SPAN style="FONT-WEIGHT: bold; FONT-SIZE: 20pt; FILTER: shadow(color=black,direction=100); WIDTH: 100%; COLOR: white; HEIGHT: 15px"> 기차 </SPAN> </FONT></SPAN></SPAN></SPAN></SPAN>

33  밤샘

<SPAN style="FILTER: glow(color=black,direction=1); WIDTH: 100%; HEIGHT: 20px; valign: bottom"><SPAN style="FILTER: shadow(color=ffffff,direction=100); HEIGHT: 3px"><FONT
face=엽서체><SPAN style="FONT-WEIGHT: bold; FONT-SIZE: 20pt; FILTER: shadow(color=black); WIDTH: 100%; COLOR: white; HEIGHT: 15px"> 밤샘</SPAN></FONT></SPAN></SPAN>

34  산골 

<SPAN style="FONT-WEIGHT: bold; FONT-SIZE: 20pt; FILTER: shadow(color=blue); WIDTH: 100%; COLOR: white; HEIGHT: 15px"> 산골</SPAN> </FONT></SPAN></SPAN>

35   시작 

<SPAN style="FILTER: glow(color=black,direction=0); WIDTH: 100%; HEIGHT: 20px; valign: bottom"><SPAN style="FILTER: shadow(color=black,direction=100); HEIGHT: 3px"><FONT
face=엽서체><SPAN style="FONT-WEIGHT: bold; FONT-SIZE: 20pt; FILTER: shadow(color=ffffff); WIDTH: 100%; HEIGHT: 15px">  시작</SPAN> </FONT></SPAN></SPAN>

36  어디 

<SPAN style="FILTER: shadow(color=black,direction=135); HEIGHT: 3px"><FONT face=엽서체><SPAN style="FONT-WEIGHT: bold; FONT-SIZE: 20pt; FILTER: shadow(color=blue ditection=135); WIDTH: 100%; COLOR: #ffffff; HEIGHT: 15px"> 어디</SPAN> </FONT></SPAN>

37  믿음 

<SPAN style="FILTER: glow(color=red,direction=200); WIDTH: 100%; HEIGHT: 20px; valign: bottom"><SPAN style="FILTER: shadow(color=black,direction=150); HEIGHT: 3px"><FONT
face=엽서체><SPAN style="FONT-WEIGHT: bold; FONT-SIZE: 20pt; FILTER: shadow(color=yellow ditection=135); WIDTH: 100%; COLOR: #ffffff; HEIGHT: 15px"> 믿음</SPAN> </FONT></SPAN></SPAN>

38  자세 

<SPAN style="FILTER: shadow(color=black); HEIGHT: 3px"><FONT face=엽서체><SPAN style="FONT-WEIGHT: bold; FONT-SIZE: 23pt; FILTER: shadow(color=ffffff); WIDTH: 100%; COLOR: red; HEIGHT: 15px"> 자세</SPAN> </FONT></SPAN>

39  하늘

<SPAN style="FILTER: glow(color=black); WIDTH: 100%; HEIGHT: 20px; valign: bottom"><SPAN
style="FILTER: shadow(color=black); HEIGHT: 3px"><FONT face=엽서체><SPAN style="FONT-WEIGHT: bold; FONT-SIZE: 23pt; FILTER: shadow(color=ffffff); WIDTH: 100%; COLOR: black; HEIGHT: 15px"> 하늘</SPAN></FONT></SPAN></SPAN>

40  비고

<SPAN style="FILTER: shadow(color=black); HEIGHT: 3px"><SPAN style="FONT-WEIGHT: bold; FILTER: shadow(color=yellow,direction=135); WIDTH: 100%; COLOR: black; HEIGHT: 15px"><SPAN
style="FILTER: glow(color=996699,strength:1); WIDTH: 100%; COLOR: #ffffff; HEIGHT: 20px; valign: bottom"><SPAN style="FILTER: shadow(color=black); HEIGHT: 3px"><FONT face=엽서체 color=pink size=8><SPAN style="FILTER: shadow(color=orange,direction=135); WIDTH: 100%; HEIGHT: 15px"><SPAN style="FONT-WEIGHT: 800; FONT-SIZE: 20pt; FILTER: Wave(Add=0, Freq=4, LightStrength=2, Phase=2, Strength=2); WIDTH: 100%; COLOR: #cc0066; HEIGHT: 25px"> 비고 </SPAN></SPAN></FONT></SPAN></SPAN></SPAN></SPAN>

41  낙엽

<SPAN style="FILTER: shadow(color=#cc9900,direction=135); WIDTH: 100%; HEIGHT: 15px"><SPAN style="FILTER: glow(color=66CCFF,strength:2); WIDTH: 100%; HEIGHT: 20px"><SPAN style="FILTER: shadow(color=blue); HEIGHT: 3px"><SPAN style="FILTER: shadow(color=black); HEIGHT: 3px"><FONT face=엽서체 color=pink size=8><SPAN style="FONT-WEIGHT: 900; FONT-SIZE: 20pt; FILTER: Alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=0, StartY=0, FinishX=580, FinishY=0); WIDTH: 100%; COLOR: red"> 낙엽</SPAN></FONT></SPAN></SPAN></SPAN></SPAN>

42  눈물

<SPAN style="FILTER: shadow(color=#cc9900,direction=135); WIDTH: 100%; HEIGHT: 15px"><SPAN style="FILTER: glow(color=#990066,strength:2); WIDTH: 100%; HEIGHT: 20px"><SPAN style="FILTER: shadow(color=black); HEIGHT: 3px"><FONT face=엽서체 color=pink size=8><SPAN
style="FONT-WEIGHT: 900; FONT-SIZE: 19pt; WIDTH: 100%; COLOR: #ff33ff"> 눈물</SPAN></FONT></SPAN></SPAN></SPAN>

43

 이쁜

<DIV style="FONT-SIZE: 20pt; FILTER: glow(color=blue, strength=8); WIDTH: 117; HEIGHT: 50px"><P style="FONT-SIZE: 20pt; WIDTH: 117px; HEIGHT: 50px"><FONT color=black size=2><FONT size=3><FONT face=휴먼매직체 color=deeppink><SPAN style="FONT-SIZE: 24pt"> 이쁜</FONT></P></DIV></SPAN></FONT></FONT>

44  반달

<SPAN style="FILTER: glow(color=green); COLOR: #ffffff; HEIGHT: 0px"><FONT face=고딕체
size=5> ;반달</FONT></SPAN></STYLE>

45  파란

<SPAN style="FONT-SIZE: 20pt; FILTER: Glow(color=0000ff,strength:2); WIDTH: 100%; COLOR: white; FONT-FAMILY: 휴먼엽서체; HEIGHT: 20px"> 파란</SPAN>

46  아직

<SPAN style="FONT-WEIGHT: bold; FONT-SIZE: 6; FILTER: Shadow(color=black,direction=225); WIDTH: 100%; COLOR: brown; FONT-FAMILY: 바탕체; HEIGHT: 10px"><WIDTH><FONT face=Verdana color=#ffffff size=6><B> 아직 </SPAN> </B></FONT>

47

 호빵 

<DIV style="FONT-WEIGHT: bold; FONT-SIZE: 20pt; FILTER: blur(add=1,strength=10,direction=300); WIDTH: 100%; COLOR: blue; LINE-HEIGHT: 200%; FONT-FAMILY: 굴림"><P style="FONT-WEIGHT: bold; FONT-SIZE: 30pt; WIDTH: 100%; COLOR: blue; LINE-HEIGHT: 200%; FONT-FAMILY: 굴림"><FONT class=norm color=#000000><FONT color=blue> 호빵 </FONT></FONT></P></DIV>

48

 생선

<DIV style="FONT-SIZE: 20pt; FILTER: glow(color=blue, strength=8); WIDTH: 117px; HEIGHT: 20px"><P style="FONT-SIZE: 20pt; WIDTH: 117px; HEIGHT: 20px"><SPAN style="FONT-SIZE: 18pt; COLOR: black; LINE-HEIGHT: 160%; FONT-FAMILY: 한컴바탕; TEXT-ALIGN: justify"><FONT face=서울아나바다M color=#eea694> 생선</FONT></SPAN></P></DIV>

49

 홋떡

<DIV style="FONT-WEIGHT: bold; FONT-SIZE: 24pt; FILTER: Glow(color=skyblue, strength=3); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 200%; FONT-FAMILY: 굴림">
<P style="FONT-WEIGHT: bold; FONT-SIZE: 24pt; WIDTH: 100%; COLOR: white; LINE-HEIGHT: 200%; FONT-FAMILY: 굴림"><FONT class=norm face=굴림 color=#000000><FONT color=blue> 홋떡</FONT></FONT></P></DIV>

50  아름

<SPAN style="FILTER: shadow(color=blue,direction=135); WIDTH: 100%; COLOR: white; HEIGHT: 10px"><FONT face=바탕 color=white size=6> 아름</FONT><FONT face=바탕 color=white><FONT size=6> </FONT></FONT></SPAN>

51  필터

<SPAN style="FONT-SIZE: 20pt; FILTER: shadow(color=000000,direction=45); WIDTH: 100%; COLOR: cyan; HEIGHT: 20px"> 필터</SPAN>

52  축복

<SPAN style="FONT-SIZE: 24pt; FILTER: shadow(color=red,direction=305); WIDTH: 100%; COLOR: cyan; HEIGHT: 10px"> 축복</SPAN>

53  행복

<SPAN style="FONT-SIZE: 24pt; FILTER: shadow(color=gray); WIDTH: 100%; COLOR: cyan; HEIGHT: 20px"> 행복</SPAN>

54  교복

<SPAN style="FONT-SIZE: 24pt; FILTER: shadow(color=navy,direction=215); WIDTH: 100%; COLOR: cyan; HEIGHT: 20px"> 교복</SPAN>

55  개미

<SPAN style="FONT-SIZE: 24pt; FILTER: shadow(color=9c9c00,direction=359); WIDTH: 100%; COLOR: cyan; HEIGHT: 20px"> 개미</SPAN>

56

 학원 

<DIV style="color:white; height:2px; FILTER: shadow(color:blue direction=180);"><P style="COLOR: white; HEIGHT: 2px"><FONT face=궁서 color=black><SPAN style="FONT-SIZE: 26pt"> 학원</SPAN></FONT>  </P></DIV>

57

 영원

<DIV style="color:white; height:2px; FILTER: shadow(color:blue, direction=305);"><P style="COLOR: white; HEIGHT: 2px"><FONT face=궁서 color=black><SPAN style="FONT-SIZE: 26pt"> 영원</SPAN></FONT></P></DIV>

58

 정원 

<DIV style="color:white; height:2px; FILTER: shadow(color:blue direction=359);"><P style="COLOR: white; HEIGHT: 2px"><FONT face=궁서 color=black><SPAN style="FONT-SIZE: 26pt"> 정원</SPAN></FONT>  </P></DIV>

59

 여원 

<DIV style="color:white; height:2px; FILTER: shadow(color:blue direction=215);"><P style="COLOR: white; HEIGHT: 2px"><FONT face=궁서 color=black><SPAN style="FONT-SIZE: 26pt"> 여원</SPAN></FONT>  </P></DIV>

60

 화원 

<DIV style="color:white; height:2px; FILTER: shadow(color:blue direction=135);"><P style="COLOR: white; HEIGHT: 2px"><FONT face=궁서 color=black><SPAN style="FONT-SIZE: 26pt"> 화원</SPAN></FONT>  </P></DIV>

 

 

복사= 키보드 좌측하단 Ctrl + C 붙여넣기= Ctrl + V

방명록에 붙여넣을 때 마우스를 방명록에 클릭한 후 Ctrl + V을 누르면 됩니다.
※ 그림의 주소는 그림에 대고 마우스 우측버튼 누르면 속성(등록정보)이 나옵니다.

'정보창고 > 블로그 정보' 카테고리의 다른 글

6.기본태그  (0) 2012.02.08
7.글자모양과 옵션태그  (0) 2012.02.08
9.HTML의 기본구조  (0) 2012.02.08
10.문서의 뼈대  (0) 2012.02.08
11.글자속성에 대한 연습  (0) 2012.02.08