鶴山의 草幕舍廊房

敎育.學事 關係

[스크랩] 각종글자체 소스 [글자체]

鶴山 徐 仁 2005. 12. 31. 21:52
















★ 이거 보시고 이쁜작품에 활용해주세요 ^^ ★



그림자



글씨

















<span style="font-weight:none; color:#ffcc66; width:100%;



height: 20; font-size: 25pt; Filter: shadow(color=orange,direction=135)"> 오렌지색 그림



자 글씨



오렌지색 그림자 글씨

<span style="font-weight:none; color:#AA8FBE; width:100%;



height: 20; font-size: 25pt; Filter: shadow(color=660099,direction=135)"> 보라색 그림자



글씨



보라색 그림자



글씨




<span style="font-weight:none; color:#FF9292; width:100%;



height: 20; font-size: 25pt; Filter: shadow(color=red,direction=135)">빨간색 그림자



글씨



빨간색 그림자 글씨

<span style="font-weight:none; color:#FA9BFE; width:100%;



height: 20; font-size: 25pt; Filter: shadow(color=magenta,direction=135)"> 핑크색 그림자



글씨



핑크색 그림자 글씨



<span style="font-weight:none; color:#51E179; width:100%;



height: 20; font-size: 25pt; Filter: shadow(color=green,direction=135)"> 녹색 그림자 글씨






녹색 그림자 글씨







스텔 글씨


<DIV style="width:320; height:50; font-size:20pt;



filter:glow(color=red, strength=8)">


face=휴먼매직체>너랑나랑




너랑나랑




<DIV style="width:320; height:50; font-size:20pt;



filter:glow(color=blue, strength=8)">


face=휴먼매직체>너랑나랑




너랑나랑




<DIV style="width:320; height:50; font-size:20pt;



filter:glow(color=pink, strength=8)">


face=휴먼매직체>너랑나랑




너랑나랑


<span



style=color:ffffff;filter:glow(color=#89E185);height:0px><font face=



고딕체 size=6>숨박꼭질






size=6>숨박꼭질




<span



style=color:ffffff;filter:glow(color=ff99ff);height:0px><font face=고딕



체 size=6>숨박꼭질





size=6>숨박꼭질


바탕글씨



예제


<SPAN



style=font:15pt휴먼엽서체;color:white;background-color=green> 녹색



바탕



녹색



바탕




<SPAN



style=font:15pt휴먼엽서체;color:white;background-color=red>빨간



바탕



빨간



바탕








글씨체 및 색상예제


<font size=4 color=magente face=휴먼엽서체>







예쁜핑크



<font size=4 color=red face=샘물체>

예쁜빨강



<font size=4 color=blue face=매직체>

예쁜파랑

<font size=4 color=orange face=바탕체>



예쁜오렌지

<font size=4 color=break face=궁서체>

투명한녹색

<font size=4 color=663399 face=엽서체>


size=4 color=663399 face=엽서체>예쁜보라


<font size=4 color=redblue face=궁서체>


size=4 color=redblue face=궁서체>연한 파란색


<font size=4 color=bluesky face=휴먼매직체>



연한녹색

<font size=4 color=silver face=고딕체>


size=4 color=silver face=고딕체> 예쁜은색


<font size=4 color=339933 face=굴림체>

예쁜녹색





















color=red>marquee태그

기본속성들<



/b>

scrollamount 빠르기지정.(숫자가 높을수록 빨라집니다)

scrolldelay 흔들리는 속성

direction 방향설정(left,right,up,down)

loop 숫자지정(예:loop="3" 을 지정할경우 3번 실행)

width 가로지정

height 높이지정







< marquee> 초간편마퀴</marquee>

초간편마퀴


마퀴의 사이즈 조정< marquee width="가로" height="세로">


마퀴의 스크롤방향 지정


<marquee direction="스크롤방향">





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






오른쪽으로 움직임



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






왼쪽으로 움직임



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






좌우로 움직임



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



르게



좌우로 빠르게



<marquee direction="up" scrolldelay="200">위로



올라감



위로 올라감



<marquee direction="down" scrolldelay="200">아래로



내려감



아래로 내려감







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



적용



두개이상 적용



<marquee behavior=alternate width=30>@^.^@)



도리도리~~깍꿍!








(


width=30>@^.^@
) 도리도리~~깍꿍!


<marquee direction=up height=40 behavior=alternate>)점프!점



프!에구에구~힘뎌~@







>점프!점프!에구에구~힘뎌~@)



< marquee> WELCOME to 시티~!클럽☆***<


FACE="바탕"> /marquee>

WELCOME to 시티~!클럽☆***



< MARQUEE behavior="alternate"> WELCOME to 시티~!클럽☆*



**</marquee> WELCOME to



시티~!클럽☆***




<MARQUEE scrollAmount="1">WELCOME to 시티~!클럽☆**



*< /marquee> 천천히

WELCOME to 시티~!클럽☆***




< MARQUEE scrollDelay="500">WELCOME to 시티~!클럽☆***



< /marquee> 기계처럼

WELCOME to 시티~!클럽☆***


< marquee> ″\@_ < /marquee> 달팽





″\@_



<marquee width="300">←♡--< {>

</marquee> 활쏘기
←♡-



-<
{>



































size=4 color=red> 글자크기 태그


<font size=7> 큰 글자


큰글자

<font size=6> 큰 글자


큰글자

<font size=5> 과수원 길


과수원 길



<font size=4> 과수원 길


과수원 길



<font size=3> 작아요


작아요

<font size=2> 작아요


작아요

<font size=1> 작아요


작아요



엄청 큰 글씨

<font style = font-size:150pt>짱










글씨색상 태그

color는 코드나 영



어로만 기입하세요.

<font color="458B74">초록


초록

<font color="FFD700">노랑


노랑

<font color="red"> 빨강


빨강

<font color="blue"> 파랑


파랑

<font color="FF4500">주황


주황

<font color="FFC0CB">분홍


분홍

<font color="#FFFF00"> 노랑


노랑









     

     

     



     

     

     















글자변형



태그


<b>진하게

</b>


진하게

<i>이탤릭체

</i>


이탤릭체

<sup>위첨자

</sup>


위첨자

<sub>아래첨자

</sub>


아래첨자

<u>밑줄긋기

</u>


밑줄긋기

<center>중앙정렬</center>








<p>단락바꿈</p>






<br>단락바꿈 (종료태그 없음)

글자모양



태그


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


돋움체

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


바탕체

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


굴림체

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


궁서체

<font face="고딕체">고딕체


고딕체


















color=red>








<hr size=5, width=250 align=center>







<hr size=3, width=50% align=left noshade>






HTML

<html> HTML 문서의 시작과 끝을 나타냅니다.

HEAD

<head> HTML 문서의 머리말 부분에



해당합니다.


BODY

<body> HTML 문서의 실제적인 내용이 들어가는 부분으



로 본문에 해당하며 화면에 곧바로 나타나게 되는 부분이므로, head 태그가 끝난후에 지정해 줍



니다.


TITLE

<title> HTML 문서의 제목을 나타냅니다.

head 사이에 넣습니다.




FACE="바탕">배경그림 바꾸기


<body background=http://img.yahoo.co.kr/blank.gif HREF="http://img.yahoo.co.kr/blank.gif">http://img.yahoo.co.kr/blank.gif 주소">

구름배경을 넣는다면     

<!--

body{background-image :



url("http://my.dreamwiz.com/titan2k/graphic/bground/cloud-bg.jpg");


background-repeat : repeat ; }

//-->

</style>







FACE="바탕">배경색상 바꾸기


<body bgcolor="색상명">또는

<STYLE type=text/css>

body{background-color: black; 칼라만 바꾸면 됩니



다.








FACE="바탕">이미지 태그




<img src=http://img.yahoo.co.kr/blank.gif HREF="http://img.yahoo.co.kr/blank.gif">http://img.yahoo.co.kr/blank.gif>

이미지에 마우스 대면 내용 나오게 하기


<img src=http://img.yahoo.co.kr/blank.gif HREF="http://img.yahoo.co.kr/blank.gif">http://img.yahoo.co.kr/blank.gif>








 

 
출처 : ♣꼬마키디의 작은 이야기♣ |글쓴이 : 꼬마키디 [원문보기]
 
 
 
출처 : 분홍공주네 |글쓴이 : 분홍공주맘 [원문보기]

 
출처 : blog.daum.net |글쓴이 : 한라산 [원문보기]

 
출처 : 블로그 > hjdong | 글쓴이 : fairy-woodcutter [원문보기]
 

 
출처 : 블로그 > 은혜(恩惠) | 글쓴이 : 은혜 (恩惠) [원문보기]