컴퓨터

글씨 관련 태그 총 집합

보고 느끼고 2008. 9. 8. 23:20
그림자 글씨


<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태그


기본속성들< /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>@^.^@) 도리도리~~깍꿍!
(
 @^.^@) 도리도리~~깍꿍!
<marquee direction=up height=40 behavior!!=alternate>)점프!점 프!에구에구~힘뎌~@

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

< marquee> WELCOME to 시티~!클럽☆＊＊＊< /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> 활쏘기

←♡- -<{>



글자크기 태그

<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=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;
칼라만 바꾸면 됩니 다.

이미지 태그
<img src=http://img.yahoo.co.kr/blank.gif
이미지에 마우스 대면 내용 나오게 하기
<img src=http://img.yahoo.co.kr/blank.gif>
출처: http://cafe.daum.net/jbclub1968/5KD/3513

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

기본부터 시작하기...  (0) 2008.09.11
컴퓨터 잘 사용하기...  (0) 2008.09.09
컴에서 자주 쓰이는 용어들...  (0) 2008.09.08
글이나 그림을 정렬하는 방법:_html  (0) 2008.09.08
[[음악태그]] 미디어 플레이로 음악 들으면서 소스 가져가는 법...   (0) 2008.09.08

'컴퓨터'의 다른글

  • 현재글글씨 관련 태그 총 집합

관련글

Copyright © Kakao Corp. All rights reserved.

티스토리툴바