컴퓨터 자료

글씨 테그 / 움직이는 방향

이석화 2015. 5. 11. 23:41
728x90
..
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)"> 너랑나랑



너랑나랑

DIV style="width:320; height:50; font-size:20pt; filter:glow(color=blue, strength=8)"> 너랑나랑



너랑나랑

DIV style="width:320; height:50; font-size:20pt; filter:glow(color=pink, strength=8)">너랑나랑



너랑나랑

span style=color:ffffff;filter:glow(color=#89E185);height:0px><font face=고딕체 size=6>숨박꼭질

숨박꼭질

span style=color:ffffff;filter:glow(color=ff99ff);height:0px> font face=고딕체 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=엽서체> 예쁜보라

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

font size=4 color=bluesky face=휴먼매직체> 연한녹색

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

font size=4 color=339933 face=굴림체
예쁜녹색






marquee태그

기본속성들
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>@^.^@) 도리도리~~깍꿍!


( @^.^@) 도리도리~~깍꿍!

<marquee direction=up height=40 behavior=alternate>)점프!점프!에구에구~힘들어

점프!점프!에구에구~힘들어)

< marquee>아름다운 세상이죠?< /marquee>
아름다운 세상이죠?


MARQUEE behavior="alternate"> 태그공부는 연습을 많이해야 합니다</marquee> 태그공부는 연습을 많이해야 합니다


MARQUEE scrollAmount="1">그리고 너무 재미있어요 천천히
그리고 너무 재미있어요



> < MARQUEE scrollDelay="500">퍼 오는것도 연습입니다< /marquee> 기계처럼
퍼 오는것도 연습입니다

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


marquee width="300">←♡-->
/marquee> 활쏘기
←♡--




<marquee bgcolor="코드 값이나 색명">



이미지를 넣은 응용 마퀴

marquee behavior=alternate bgcolor=skyblue> font color=white size=5 face=엽서체> img src= http://jin6045.hihome.com/homelist/images/gha07.gif>★안녕하세요★img src= http://jin6045.hihome.com/homelist/images/gha07.gif> /font> /marquee>
★안녕하세요★







글자크기 태그

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"> 노랑
노랑

'컴퓨터 자료' 카테고리의 다른 글

소스의 수치를 변경해서 해보세요  (0) 2015.05.11
그림 방향 바꿔주는 방법  (0) 2015.05.11
초보를 위한 마큐 태그  (0) 2015.05.11
색상표  (0) 2015.05.11
태그 길잡이  (0) 2015.05.11