<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> 천천히 인간시대

< MARQUEE scrollDelay='500'>인간시대< /marquee> 기계처럼

< marquee> ″＼@_ < /marquee> 달팽이 ″＼@_

<marquee width='300'>←♡--< {> </marquee> 활쏘기
←♡--<{>


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

이미지를 넣은 응용 마퀴
<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'> 노랑
노랑

글자변형 태그

<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='고딕체'>고딕체
고딕체

선


<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 사이에 넣습니다.

배경그림 바꾸기

<body background='배경그림의 주소'>

구름배경을 넣는다면 칼라만 바꾸면 됩니다.

이미지 태그

<img src='그림주소'>

이미지에 마우스 대면 내용 나오게 하기
<img src='그림주소'border='0'alt='내용'>


음악 넣기

<xbgsound src='음악주소' loop='infinite'>또는 loop='3' 3번 음악이 나오는 것이고 infinite는 무한대입니다.
뮤직 사이트 에서 주소찾기
벅스 뮤직으로 이동 (주소=http://www.bugsmusic.co.kr)- 음악듣기 버튼 클릭- 음악이 나오면 미디어 화면에서 파일선택-등록정보선택-위치라고 쓰여 있는 부분의 주소를 복사해 옵니다. 그런다음벅스 뮤직으로 이동 (주소=http://www.bugsmusic.co.kr)- 음악듣기 버튼 클릭- 음악이 나오면 미디어 화면에서 파일선택-등록정보선택-위치라고 쓰여 있는 부분의 주소를 복사해 옵니다. 그런다음< embed! src='음악주소'>음악주소에 복사 해온걸 붙입니다 배경음악으로 사용하시려면< embed! src='음악주소'hidden='true'>이렇게 하시면 동영상 플레이어가 화면상에 나타나지 않습니다.타 음악 사이트 에서도 동일한 방법을 사용합니다
벅스뮤직 바로가기

링크 시키기

<a href='링크할 주소'>이름</a>

야후 링크하기
<a href=http://kr.yahoo.com/> 야후 </a>

<a href='링크할 주소'>이미지 넣을 경우</a>

<img src='이미지 주소'border=0></a>
border=0 을 넣어 주셔야 이미지 테두리에 띠가 안생깁

저작자표시 비영리 변경금지

'● Transfer' 카테고리의 다른 글

나는 참 행복해요 / 안 성란  (0) 2008.03.22
은밀한 데이트 코스...영종도`  (0) 2007.01.26
오늘이 절기상 동지라는데...  (0) 2006.12.22
결혼 제대로 하려면 콩깍지부터 벗어라  (0) 2006.12.08
해성 보육원  (0) 2006.09.04

+ Recent posts

티스토리툴바