━━━━ Perhaps/•……태그 HTML

기초글씨 태그

크리아이 2007. 10. 23. 14:50
엄청 큰 글씨 <font style = font-size:150pt>큰글씨

큰글씨

<font size=7>
반가워요!
<font size=6>
반가워요!
<font size=5>
반가워요!
<font size=4>
반가워요!
<font size=3>
반가워요!
<font size=2>
반가워요!
<font size=1>
반가워요!
☞테두리 글씨

<span style="font-family:휴먼엽서체;font-size:12pt;color:white;width:100%;height:20;Filter:Glow(color=orange,strength:2)"><h2>이쁜글씨</span></style></h2>

이쁜글씨

<span style="font-family:휴먼엽서체;font-size:12pt;color:white;width:100%;height:20;Filter:Glow(color=0000ff,strength:2)"><h2>이쁜글씨</span></style></h2>

이쁜글씨


<span style="font-family:휴먼엽서체;font-size:12pt;color:white;width:100%;height:20;Filter:Glow(color=red,strength:2)"><h2>이쁜글씨</span></style></h2>

이쁜글씨

<span style="font-family:휴먼엽서체;font-size:12pt;color:white;width:100%;height:20;Filter:Glow(color=ff99ff,strength:2)"><h2>이쁜글씨</span></style></h2>

이쁜글씨


<span style="font-family:휴먼엽서체;font-size:12pt;color:white;width:100%;height:20;Filter:Glow(color=00cc99,strength:2)"><h2>이쁜글씨</span></style></h2>

이쁜글씨


☞파스텔 글씨

<DIV style="width:320; height:50; font-size:20pt; filter:glow(color=blue, strength=8)"><font color=deeppink face=휴먼매직체>이쁜가여??</font></DIV></style><br>
이쁜가여??

<DIV style="width:320; height:50; font-size:20pt; filter:glow(color=pink, strength=8)"><font color=deeppink face=휴먼매직체>이쁜가여??</font></DIV></style><br>
이쁜가여??

<DIV style="width:320; height:50; font-size:20pt; filter:glow(color=red, strength=8)"><font color=blue face=휴먼매직체>이쁜가여??</font></DIV></style><br>
이쁜가여??


☞테두리와 파스텔의 중간 정도 되는 것 같네여^^;;

<span style=color:ffffff;filter:glow(color=ff99ff);height:0px><font face=고딕체 size=6>반가워요!</font></span></style><br>
반가워요!

<span style=color:ffffff;filter:glow(color=green);height:0px><font face=고딕체 size=6>반가워요!</font></span></style><br> 반가워요!

☞휴먼엽서체 바탕글씨

<SPAN style=font:15pt휴먼엽서체;color:white;background-color=red>빨간 바탕</SPAN><br>
빨간 바탕☜결과

<SPAN style=font:15pt휴먼엽서체;color:white;background-color=green> 녹색 바탕</SPAN><br>
녹색 바탕


☞그림자 글씨

<span style="font-weight:none; color:White; width:100%; height: 20; font-size: 25pt; Filter: shadow(color=red,direction=135)">빨간색 그림자 글씨</SPAN><br><br>
빨간색 그림자 글씨


<span style="font-weight:none; color:White; width:100%; height: 20; font-size: 25pt; Filter: shadow(color=green,direction=135)"> 녹색 그림자 글씨</SPAN><br> <br>
녹색 그림자 글씨


<span style="font-weight:none; color:White; width:100%; height: 20; font-size: 25pt; Filter: shadow(color=660099,direction=135)"> 보라색 그림자 글씨</SPAN><br> <br>
보라색 그림자 글씨


<span style="font-weight:none; color:White; width:100%; height: 20; font-size: 25pt; Filter: shadow(color=magenta,direction=135)"> 핑크색 그림자 글씨</SPAN>

핑크색 그림자 글씨


<span style="font-weight:none; color:White; width:100%; height: 20; font-size: 25pt; Filter: shadow(color=orange,direction=135)"> 오렌지색 그림자 글씨</SPAN><br> <br>
오렌지색 그림자 글씨


☞글씨 크기는 font size=7 까지 할수 있으며,
아래 글씨는 4 입니다.
color=아래 예제처럼 좋아하는 색상을 영어로 쓰셔야 하며
face=돋움체,바탕체,궁서체등을 쓰시면 됩니다.

예제)

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

핑크

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

빨간색

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

파란색

<font size=4 color=olive face=돋움체>

금색

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

오렌지색

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

연한녹색

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

투명한녹색

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

은색

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

보라색

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

녹색

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

연한 파란색

☞요거는 글자가 쓰러지네여^^

<font face="@궁서">힝~ 이게 뭐&#51557;..?</font>

힝~ 이게 뭐쥥..?

☞아래있는 태그들은 마퀴태그 입니다.글씨가 움직이는 태그를
말하는 데 여러가지로 응용해서 사용할수 있답니다.
태그연습장에서 연습해 보시고 사용바랍니다.

기본속성들

scrollamount 빠르기지정.(숫자가 높을수록 절라빨라짐^^;)

scrolldelay---흔들리는 속성

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

behavior---alternate좌우,상하왕복

loop---숫자지정(예:loop="2" 를 했을경우 두번 실행됨.) width---가로 왕복 지정 height---세로 왕복 지정

☜ 마퀴태그의 기본.

안녕하세요!!

☞왕복하는 글씨...

<marquee behavior=alternate>글자가 좌우로 왕복*^^*</marquee>

글자가 좌우로 왕복*^^*

<marquee direction="left">이건 왼쪽이네요^^</marquee> 이건 왼쪽이네요^^

<marquee direction="right">이건 오른쪽이구여^^</marquee> 이건 오른쪽이구여^^

<marquee direction="up">요번에는 위로?</marquee>

요번에는 위로?

<marquee direction="down">다운이당ㅡㅡ+</marquee> 다운이당ㅡㅡ+

(<marquee behavior=alternate width=30>@^.^@</marquee>) ☜도리도리

( @^.^@)

<marquee direction="RIGHT" scrollamount="1"> __@/``</marquee> ☜달팽이 기어가는 모습.

__@/``

<marquee scrollamount=30>달팽아 난 절라 빠르&#51557;??</marquee> 달팽아 난 절라 빠르쥥??

<marquee width=500 scrollamount=300><font size=7>반짝반짝!!</marquee>

반짝반짝!!

<MARQUEE direction=right>ⓘ ⓛⓞⓥⓔ</MARQUEE>♡<MARQUEE direction=reft>ⓨⓞⓤ</MARQUEE>

ⓘ ⓛⓞⓥⓔⓨⓞⓤ

<marquee direction=up>안♡<ul>녕♡<ul>하♡<ul>세♡<ul>요♡<ul>반♡<ul>가♡<ul>워~♡<ul>요♡</MARQUEE>

안♡
    녕♡
      하♡
        세♡
          요♡
            반♡
              가♡
                워~♡
                  요♡


<marquee behavior=alternate direction=up height=50><font color=green size=4>정말 방가여^^</font></marquee>

정말 방가여^^


<marquee behavior=alternate width=150><font color=red size=4>띠바! 못 방가!!</font></marquee>

띠바! 못 방가!!


<marquee direction=down height=90><Span style="COLOR:White;FILTER:shadow;height:10px"><h1>노래 조오타 !!</span></marquee>

노래 조오타 !!



<marquee direction=up behavior=alternate><marquee behavior=alternate><h2>글씨가 파도를 치넹^^;</h2></marquee>

글씨가 파도를 치넹^^;


'━━━━ Perhaps > •……태그 HTML' 카테고리의 다른 글

로또번호 생성기  (0) 2007.10.23
원으로 돌아가는이미지 슬라이드  (0) 2007.10.23
소스보기금지소스  (0) 2007.10.23
원하는곳에 이미지넣기  (0) 2007.10.23
카페대문에 테두리 넣기  (0) 2007.10.23