자료

소스

자유지향 2008. 8. 17. 07:38

소스, 태그 연습장

 

참고          참고         참고

★      ★      ♥      ★      ♥     ★    ★ ★

★

★

♥

★

★

★

♥

★

♥
♥

★

★

♥

★

★

★
★      ★      ♥      ★     ★     ★      ★      ♥

더보기
태그 연습장

Your browser does not support iframes.

목차

          소 스  (1~100)

1

          그림,사진,움직이는 gif 나타내기

2

          사진 + 글 올라오기 + 음악

3

          색상표

4

          그림<사진>안의 글넣기

5

          지진효과 : 누르지마세요

6

          배경꾸미기 <그림이용>

7

          배경꾸미기 <칼라이용>

8

          좌측게시판 배경넣기

9

          눈내리는 소스 1

10

          눈내리는 소스 2

11

          눈내리는 소스 3

12

          별 내리기

13

          나비 날리기

14

          나뭇잎 날리기

15

          낙엽 띄우기

16

          나비 날리기 2

17

          상태바 - 흐르는 글

18

          상태바 - 시계

19

          상태바 - 합치는 글

20

          상태바 - 타이핑

21

          상태바 - 당신이 머무른 시간

22

          상태바 - 우에서 좌로

23

          상태바 - 깜빡깜빡

24

          상태바 - 제멋대로

25

          상태바 - 애니메이션

26

          대문아래 게시판꾸미기 - 별

27

          대문아래 게시판꾸미기 - 별2

28

          마퀴이중 인사박스 - 칼라

29

          마우스 따라다니는 글자

30

          마우스 따라다니는 나비

31

          마우스 따라다니는 줄줄이 이미지

32

          마우스 따라다니는 눈알

33

          마우스 따라다니는 시계

34

          마우스 따라다니는 물방울

35

          마우스 따라다니는 꽃잎

36

          인사창

37

          인사창 2

38

          멋진 효과인사창

39

          자동 팝업창

40

          버튼 팝업창

41

          클릭! 사라지는 공지창

42

          날으는 공지창

43

          새롬 공지창

44

          대문아래 게시판꾸미기 - 테이블 2

45

          동영상 바로보기

46

          동영상 액자 1

47

          동영상 액자 2

48

          동영상 액자 3

49

          칼라 변환 테이블

50

          떠 있는 별무리

51

          소스 방지창

52

          소스 방지소스

53

          메일창 바로띄우기

54

          타이핑 기법

55

          글 올라오기

56

          타이핑 텍스트

57

          타이핑 입력창 

58

          자동 체인징 텍스트메세지 박스

59

          방문횟수 기억스크립트

60

          방문횟수 기억쿠키창

61

          시간 기억 인사스크립트

62

          님이 카페에 도착한 시간

63

          월, 일, 요일 나타내기 스크립트

64

          달력

65

          디지털 시계

66

          머문시간 쿠키창

67

          체인징 칼라 스크립트

68

          칼라 변환 입력폼

69

          페이드 인 아웃 스크립트

70

          자동 체인지 배경칼라

71

          불꺼! 불켜!

72

          링크글 + 배경칼라 체인지

73

          마우스 대봐

74

          칼라 링크버튼

75

          체인징 링크버튼

76

          링크 칼라창

77

          링크 폼테이블

78

          노 클릭 링크

79

          노 클릭 링크 - 이미지

80

          링크 폼 + go 버튼

81

          링크 밑줄 없애기

82

          링크글 색깔바꾸기

83

          시계창

84

          전자계산기

85

          글목록 꾸미기 - 풍선창

86

          글목록 꾸미기 - 슬라이드

87

          글목록 꾸미기 + 문자메세지 세로꾸미기

88

          게시판아래 세로꾸미기 - 테이블

89

          랜덤 뮤직

90

          미디 콘트롤 박스

91

          미디 콘트롤 박스 : MP3

92

          리얼 오디오 박스

93

          접속시 매번 달라지는 배경음악

94

          랜덤 뮤직 2

95

          넷 오디오

96

          게시판 노래틀기

97

          포토샵 alpha 효과

98

          포토샵 blur 효과

99

          포토체인징 버튼앨범

100

          포토 박스

 

출처

더보기


        ▶marquee: 왼쪽으로 움직이게 하는 명령어
        ▶direction: 움직임의 방향을 결정
        ▶scrollamount: 움직임의 속도결정(스크롤의 보폭)
        ▶loop: 얼마만큼 반복해 줄것인가를 결정케함
        ▶@: 글씨를 눕혀보이고자 할때
        ▶behavior=alternate: 움직이다 멈춤을 결정케함
        ▶width: 가로폭결정
        ▶height: 세로폭결정
        ▶font: 글꼴지정
        ▶font size: 글씨 크기결정
        ▶font color: 글씨 색 결정
        ▶font face: 글씨체 결정
        ▶background: 배경 그림 결정
        ▶bgcolor: 바탕색 결정
        ▶src: 경로/주소
        ▶img:  그림삽입
        ▶embed: 동영상,사운드 삽입
        ▶align=top: 정렬 위로
        ▶align=center: 정렬 중앙
        ▶align=bottom: 정렬 아래
        ▶br: 엔터 한번 효과
        ▶p: 엔터 두번 효과
        ▶(hr)..(/hr): 수평선 그리기
        ▶(u)..(/u): 밑줄 긋기
        ▶(b)..(/b): 굵은 글씨체 만들기
        ▶(ol)..(/ol): 목록 태그
        ▶(sub)..(/sub): 아래 첨자
        ▶(sup)..(/sup): 윗 첨자
        ▶(pre)..(/pre): 실제 그대로 브라우저 화면에 반응케함
        ▶alt: 그림설명
        ▶(table)..(/table): 표를 만들기 위한 태그
        ▶border: 테두리 두께 결정
        ▶(td)..(/td): 셀의 내용지정
        ▶(tr)..(/tr): td를 사용할때 시작과 끝남 결정
        ▶bordercolor: 테두리 색결정
        ▶cellspacing: 셀과 테두리와의 간격 결정
        ▶cellpadding: 셀과 셀에 입력된 데이터의 사이간결 결정
        ▶rowspan: 세로줄을 합치게 함
        ▶colspan: 가로줄을 합치게 함
        ▶html: html문서의 시작
        ▶head: html문서의 머리
        ▶(title)..(/title): html문서의 제목과 끝
        ▶(body)..(/body): html문서의 본문과 끝
        ▶/html: html문서의 끝
        ▶(a)..(/a): 하이퍼 텍스트 연결(링크)
        ▶glow: 필터속성중의 하나
        ▶shadow: 필터속성중의 하나
        ▶alpha: 필터속성중의 하나
        ▶glow: 필터속성중의 하나
        ▶blur: 필터속성중의 하나
        ▶wave: 필터속성중의 하나
        ▶xray: 필터속성중의 하나
        ▶invert: 필터속성중의 하나
        ▶gray: 필터속성중의 하나
        ▶(style=filter:fliph()).. (/span): 그림의 좌우바꾸기
        ▶(span style=filter:fliph ();height:1px;)...(/span): 글씨의 좌우바꾸기
        ▶(span style=filter:flipv();height:1px;): 글이나 그림 상하바꾸기
        ▶bordercolorlight: 테두리의 위쪽모서리색 지정
        ▶bordercolordark: 테두리의 아래쪽모서리색 지정
        ▶(frameset)..(frameset): 프레임을 어떻게 나눌지 결정
        ▶frameset cols: 창을 좌우로 나눔 결정
        ▶frameset rows: 창을 상하로 나눔 결정
        ▶(applet!!!!)..(/applet!!!!): 자바 애플릿 삽입
        ▶(script)..(/script): 자바 스크립트 삽입

Tag Description DTD
<!--...--> Defines a comment STF
<!DOCTYPE>  Defines the document type STF
<a> Defines an anchor STF
<abbr> Defines an abbreviation STF
<acronym> Defines an acronym STF
<address> Defines contact information for the author/owner of a document STF
<applet!!!> Deprecated. Defines an embedded applet!!! TF
<area> Defines an area inside an image-map STF
<b> Defines bold text STF
<base> Defines a default address or a default target for all links on a page STF
<basefont> Deprecated. Defines a default font, color, or size for the text in a page TF
<bdo> Defines the text direction STF
<big> Defines big text STF
<blockquote> Defines a long quotation STF
<body> Defines the document's body STF
<br> Defines a single line break STF
<button> Defines a push button STF
<caption> Defines a table caption STF
<center> Deprecated. Defines centered text TF
<cite> Defines a citation STF
<code> Defines computer code text STF
<col> Defines attribute values for one or more columns in a table  STF
<colgroup> Defines a group of columns in a table for formatting STF
<dd> Defines a description of a term in a definition list STF
<del> Defines deleted text STF
<dir> Deprecated. Defines a directory list TF
<div> Defines a section in a document STF
<dfn> Defines a definition term STF
<dl> Defines a definition list STF
<dt> Defines a term (an item) in a definition list STF
<em> Defines emphasized text  STF
<fieldset> Defines a border around elements in a form STF
<font> Deprecated. Defines font, color, and size for text TF
<form> Defines an HTML form for user input STF
<frame> Defines a window (a frame) in a frameset F
<frameset> Defines a set of frames F
<h1> to <h6> Defines HTML headings STF
<head> Defines information about the document STF
<hr> Defines a horizontal line STF
<html> Defines an HTML document STF
<i> Defines italic text STF
<iframe> Defines an inline frame TF
<img> Defines an image STF
<input> Defines an input control STF
<ins> Defines inserted text STF
<isindex> Deprecated. Defines a searchable index related to a document TF
<kbd> Defines keyboard text STF
<label> Defines a label for an input element STF
<legend> Defines a caption for a fieldset element STF
<li> Defines a list item STF
<link> Defines the relationship between a document and an external resource STF
<map> Defines an image-map  STF
<menu> Deprecated. Defines a menu list TF
<meta> Defines metadata about an HTML document STF
<noframes> Defines an alternate content for users that do not support frames TF
<noscript> Defines an alternate content for users that do not support client-side scripts STF
<object> Defines an embedded object STF
<ol> Defines an ordered list STF
<optgroup> Defines a group of related options in a select list STF
<option> Defines an option in a select list STF
<p> Defines a paragraph STF
<param> Defines a parameter for an object STF
<pre> Defines preformatted text STF
<q> Defines a short quotation STF
<s> Deprecated. Defines strikethrough text TF
<samp> Defines sample computer code STF
<script> Defines a client-side script STF
<select> Defines a select list (drop-down list) STF
<small> Defines small text STF
<span> Defines a section in a document STF
<strike> Deprecated. Defines strikethrough text TF
<strong> Defines strong text STF
<style> Defines style information for a document STF
<sub> Defines subscripted text STF
<sup> Defines superscripted text STF
<table> Defines a table STF
<tbody> Groups the body content in a table STF
<td> Defines a cell in a table STF
<textarea> Defines a multi-line text input control STF
<tfoot> Groups the footer content in a table STF
<th> Defines a header cell in a table STF
<thead> Groups the header content in a table STF
<title> Defines the title of a document STF
<tr> Defines a row in a table STF
<tt> Defines teletype text STF
<u> Deprecated. Defines underlined text TF
<ul> Defines an unordered list STF
<var> Defines a variable part of a text STF
<xmp> Deprecated. Defines preformatted text

(1). ul사용하지 않고 글의 간격(위치) 넣는 소스
<p style="margin-left:270px">


(2). 이미지 반대로 주는 소스
style="filter:fliph()"


(3). 홈이나 카페 링크달을때 target=_blank 넣어주기
<a href="http://blog.daum.net/zayouin" target=_blank>


(4). 이미지에 명암을 주는 소스
style="filter:blur(direction=135,strength=100)"
style="filter:alpha(opacity=100, style=2, finishopacity=0)"


(5). 미디어 정지상태로 담을때
autoplay=false


(6). 전체 배경 소스
<style>
body { background-image:url("이미지주소");
background-attachment: fixed;
background-repeat: repeat;
background-position: 50% 50%; }
table, td { background-color: transparent; }
</style>


(7)marquee태그
《marquee behavior=alternate》글자가 좌우로 왕복*^^*《/marquee》

<marquee scrolldelay="숫자"> 내용 </marquee> 태그처럼 scrolldelay="숫자" 를 추가하면 태그 안의 내용들이 움직일 때까지 지연되는 시간을 조절할 수 있습니다.. 숫자는 0부터 10 단위로 써주면 되구요.. 숫자가 커질수록 속도가 느려지구요.. 보통 80에서 100 정도를 주면 움직이는 속도가 많이 느려질꺼에요..

<marquee scrollamount="숫자"> 내용 </marquee> 태그처럼 scrollamount="숫자" 를 추가하면 태그 안의 내용들이 한 번에 움직이는 픽셀의 개수를 지정할 수 있습니다.. 보통 1이나 2를 많이 사용합니다.. 1은 느리고 2는 빠르답니다..

(예)
<center><marquee behavior=alternate scrollamount="3"><img src="이미지 주소" border="0"></marquee></center><br><br>

(8) 글자 감추기
<SPAN style="BACKGROUND-COLOR: silver"><FONT color=silver>영희와 영희엄마는 고스톱을 하고 있었다 </FONT></SPAN>

(9)소스를 알려주는 틀 소스
<center>
<textarea name="소스보기" rows="5" style="font-family:Verdana; font-size:11; color:000000; border-color:ffffff; border-style:dotted;" cols="60">
<embed src="mms://211.239.127.240/now12mv/a1240402.asf" showstatusbar="1" width=550 height=450 vspace="0" hspace="0" border="0" type="application/x-mplayer2"name="MediaPlayer1" showcontrols="0" border="5">
</textarea>

(10)글자에 휠터 명암주기
<span style=font-family:굴림;height:20;font-size:13pt;color:yellow;filter:glow(color=#000000,strength:2);font-weight:bold><font size=2>

<SPAN style="font-family:바탕;color:#000000;width:500;height:100%;Filter:Glow(color=#000000,strength:1);height:1px"><pre><font color="white" face="바탕"><span id="style" style="font-size:9pt; line-height:18px"><div id="style" style="margin-left:30px; letter-spacing:0px;" align="left">

(11) 이미지 공간주는 명령 소스
vspace="1" hspace="1" border="0"

 

더보기

색상표

aliceblue

240,248,255
#F0F8FF

darkslategray

47,79,79
#2F4F4F

lightsalmon

255,160,122
#FFA07A

palevioletred

219,112,147
#DB7093

antiquewhite

250,235,215
#FAEBD7

darkturquoise

0,206,209
#00CED1

lightseagreen

32,178,170
#20B2AA

papayawhip

255,239,213
#FFEFD5

aqua

0,255,255
#00FFFF

darkviolet

148,0,211
#9400D3

lightskyblue

135,206,250
#87CEFA

peachpuff

255,239,213
#FFDAB9

aquamarine

127,255,212
#7FFFD4

deeppink

255,20,147
#FF1493

lightslategray

119,136,153
#778899

peru

205,133,63
#CD853F

azure

240,255,255
#F0FFFF

deepskyblue

0,191,255
#00BFFF

lightsteelblue

176,196,222
#B0C4DE

pink

255,192,203
#FFC0CB

beige

245,245,220
#F5F5DC

dimgray

105,105,105
#696969

lightyellow

255,255,224
#FFFFE0

plum

221,160,221
#DDA0DD

bisque

255,228,196
#FFE4C4

dodgerblue

30,144,255
#1E90FF

lime

0,255,0
#00FF00

powderblue

176,224,230
#B0E0E6

black

0,0,0
#000000

firebrick

178,34,34
#B22222

limegreen

50,205,50
#32CD32

purple

128,0,128
#800080

blanchedalmond

255,255,205
#FFEBCD

floralwhite

255,250,240
#FFFAF0

linen

250,240,230
#FAF0E6

red

255,0,0
#FF0000

blue

0,0,255
#0000FF

forestgreen

34,139,34
#228B22

magenta

255,0,255
#FF00FF

rosybrown

188,143,143
#BC8F8F

blueviolet

138,43,226
#8A2BE2

fuchsia

255,0,255
#FF00FF

maroon

128,0,0
#800000

royalblue

65,105,225
#4169E1

brown

165,42,42
#A52A2A

gainsboro

220,220,220
#DCDCDC

mediumaquamarine

102,205,170
#66CDAA

saddlebrown

139,69,19
#8B4513

burlywood

222,184,135
#DEB887

ghostwhite

248,248,255
#F8F8FF

mediumblue

0,0,205
#0000CD

salmon

250,128,114
#FA8072

cadetblue

95,158,160
#5F9EA0

gold

255,215,0
#FFD700

mediumorchid

186,85,211
#BA55D3

sandybrown

244,164,96
#F4A460

chartreuse

127,255,0
#7FFF00

goldenrod

218,165,32
#DAA520

mediumpurple

147,112,219
#9370DB

seagreen

46,139,87
#2E8B57

chocolate

210,105,30
#D2691E

gray

128,128,128
#808080

mediumseagreen

60,179,113
#3CB371

seashell

255,245,238
#FFF5EE

coral

255,127,80
#FF7F50

green

0,128,0
#008000

mediumslateblue

123,104,238
#7B68EE

sienna

160,82,45
#A0522D

cornflowerblue

100,149,237
#6495ED

greenyellow

173,255,47
#ADFF2F

mediumspringgreen

0,250,154
#00FA9A

silver

192,192,192
#C0C0C0

cornsilk

255,248,220
#FFF8DC

honeydew

240,255,240
#F0FFF0

mediumturquoise

72,209,204
#48D1CC

skyblue

135,206,235
#87CEEB

crimson

220,20,60
#DC143C

hotpink

255,105,180
#FF69B4

mediumvioletred

199,21,133
#C71585

slateblue

106,90,205
#6A5ACD

cyan

0,255,255
#00FFFF

indianred

205,92,92
#CD5C5C

midnightblue

25,25,112
#191970

slategray

112,128,144
#708090

darkblue

0,0,139
#00008B

indigo

75,0,130
#4B0082

mintcream

245,255,250
#F5FFFA

snow

255,250,250
#FFFAFA

darkcyan

0,139,139
#008B8B

ivory

255,240,240
#FFFFF0

mistyrose

255,228,225
#FFE4E1

springgreen

0,255,127
#00FF7F

darkgoldenrod

184,134,11
#B8860B

khaki

240,230,140
#F0E68C

moccasin

255,228,181
#FFE4B5

steelblue

70,130,180
#4682B4

darkgray

169,169,169
#A9A9A9

lavender

230,230,250
#E6E6FA

navajowhite

255,222,173
#FFDEAD

tan

210,180,140
#D2B48C

darkgreen

0,100,0
#006400

lavenderblush

255,240,245
#FFF0F5

navy

0,0,128
#000080

teal

0,128,128
#008080

darkkhaki

189,183,107
#BDB76B

lawngreen

124,252,0
#7CFC00

oldlace

253,245,230
#FDF5E6

thistle

216,191,216
#D8BFD8

darkmagenta

139,0,139
#8B008B

lemonchiffon

255,250,205
#FFFACD

olive

128,128,0
#808000

tomato

253,99,71
#FD6347

darkolivegreen

85,107,47
#556B2F

lightblue

173,216,230
#ADD8E6

olivedrab

107,142,35
#6B8E23

turquoise

64,224,208
#40E0D0

darkorange

255,140,0
#FF8C00

lightcoral

240,128,128
#F08080

orange

255,165,0
#FFA500

violet

238,130,238
#EE82EE

darkorchid

153,50,204
#9932CC

lightcyan

224,255,255
#E0FFFF

orangered

255,69,0
#FF4500

wheat

245,222,179
#F5DEB3

darkred

139,0,0
#8B0000

lightgoldenrodyellow

250,250,210
#FAFAD2

orchid

218,112,214
#DA70D6

white

255,255,255
#FFFFFF

darksalmon

233,150,122
#E9967A

lightgreen

144,238,144
#90EE90

palegoldenrod

238,232,170
#EEE8AA

whitesmoke

245,245,245
#F5F5F5

darkseagreen

143,188,143
#8FBC8F

lightgrey

211,211,211
#D3D3D3

palegreen

152,251,152
#98FB98

yellow

255,255,0
#FFFF00

darkslateblue

72,61,139
#483D8B

lightpink

255,182,193
#FFB6C1

paleturquoise

175,238,238
#AFEEEE

yellowgreen

154,205,50
#9ACD32

 

색상표

ALICE BLUE
#F0F8FF		 ANTIQUE WHITE
#FAEBD7		 Aqua
#00FFFF		 AQUAMARINE
#70DB93		 Aunt Rose Pink
#424379		 AZURE
#F0FFFF
BAKER'S CHOCOLATE
#5C3317		 BEIGE
#F5F5DC		 BISQUE
#FFE4C4 		Black
#000000		 BLANCHED ALMOND
#FFEBCD		 Blue
#0000FF
Blue Violet
#8A2BE2		 Brass
#B5A642		 Bright Gold
#D9D919		 Bronze
#8C7853		 BRONZE II
#A67D3D		 BROWN
#A52A2A
BURLY WOOD
#DEB887		 Cadet Blue
#5F9F9F 		CHARTREUSE
#7FFF00		 CHOCOLATE
#D2691E		 Cool Copper
#D98719		 Copper
#B87333
Coral
#FF7F50		 CORN SILK
#FFF8DC		 CORNFLOWER BLUE
#6495ED		 CRIMSON
#DC143C		 Cyan
#00FFFF		 DARK BLUE
#00008B
Dark Brown
#5C4033		 DARK CYAN
#008B8B		 DARK GOLDENROD
#B8860B		 DARK GRAY
#A9A9A9		 DARK GREEN
#006400		 DARK GREEN COPPER
#4A766E
DARK KHAKI
# BDB76B		 DARK MAGENTA
#8B008B		 Dark Olive Green
#4F4F2F		 DARK ORANGE
#FF8C00		 Dark Orchid
#9932CD		 Dark Purple
#871F78
DARK RED
#8B0000		 DARK SALMON
#E9967A		 DARK SEA GREEN
#8FBC8F		 Dark Slate Blue
#6B238E		 Dark Slate Grey
#2F4F4F		 Dark Tan
#97694F
Dark Turquoise
#7093DB		 DARK VIOLET
#9400D3		 Dark Wood
#855E42		 DEEP PINK
#FF1493		 DEEP SKY BLUE
#00BFFF		 Dim Gray
#545454
DODGER BLUE
#1E90FF		 Dusty Rose
#856363		 Feldspar
#D19275		 Firebrick
#8E2323		 FLORAL WHITE
#FFFAF0		 FOREST GREEN
#238E23
FUCHSIA
# FF00FF		 GAINSBORO
#DCDCDC		 GHOST WHITE
#F8F8FF		 Gold
#CD7F32		 Goldenrod
#DBDB70		 Gray
#C0C0C0
GREYISH
#534D45		 Green
#00FF00		 Green Copper
#527F76		 Green Yellow
#93DB70		 HEAVENLY BLUE
#28d0ff		 HONEYDEW
#F0FFF0
HOT PINK
#FF69B4		 Hunter Green
#215E21		 Indian Red
#4E2F2F		 INDIGO
#4B0082		 IVORY
#FFFFF0		 Khaki
#9F9F5F
LAVENDER
#E6E6FA		 LAVENDER BLUSH
#FFF0F5		 LAWN GREEN
#7CFC00		 LEMON CHIFFON
#FFFACD		 Light Blue
#C0D9D9		 LIGHT CORAL
#F08080
LIGHT CYAN
#E0FFFF		 LIGHT GOLDENROD YELLOW
#FAFAD2		 Light Gray
#A8A8A8		 LIGHT GREEN
#90EE90		 LIGHT GREY
#D3D3D3		 LIGHT PINK
#FFB6C1
LIGHT SALMON
#FFA07A		 LIGHT SEA GREEN
#20B2AA		 LIGHT SKY BLUE
#87CEFA		 #LIGHT SLATE BLUE
#8470FF		 LIGHT SLATE GRAY
#778899		 Light Steel Blue
#8F8FBD
Light Wood
#E9C2A6		 LIGHT YELLOW
#FFFFE0		 Lime
#00FF00		 Lime Green
#32CD32		 LINEN
#FAF0E6		 Magenta
#FF00FF
Mandarin Orange
#E47833		 Maroon
#8E236B		 Medium Aquamarine
#32CD99		 Medium Blue
# 3232CD		 Medium Forest Green
#6B8E23		 Medium Goldenrod
#EAEAAE
Medium Orchid
#BA55D3		 MEDIUM PURPLE
#9370DB		 Medium Sea Green
#426F42		 Medium Slate Blue
#7F00FF		 Medium Spring Green
#00FA9A		 Medium Turquoise
#70DBDB
Medium Violet Red
#C71585		 Medium Wood
#A68064		 Midnight Blue
#2F2F4F		 MINT CREAM
#F5FFFA		 MISTY ROSE
#FFE4E1		 MOCCASIN
#FFE4B5
NAVAJO WHITE
#FFDEAD		 NAVY
#000080		 Navy Blue
#23238E		 Neon Blue
#4D4DFF		 Neon Pink
#FF6EC7		 New Midnight Blue
#00009C
New Tan
#EBC79E		 Old Gold
#CFB53B		 OLD LACE
#FDF5E6		 OLIVE
#808000		 OLIVE DRAB
#6B8E23		 Orange
#FF7F00
Orange Red
#FF2400		 Orchid
#DB70DB		 PALE GOLDENROD
#EEE8AA		 Pale Green
#8FBC8F		 PALE TURQUOISE
#AFEEEE		 PALE VIOLET RED
#D87093
PAPAYA WHIP
#FFEFD5		 PEACH PUFF
#FFDAB9		 PERU
#CD853F		 Pink
#FFC0CB		 Plum
#EAADEA		 POWDER BLUE
#B0E0E6
PURPLE
#800080		 Quartz
#D9D9F3		 Red
#FF0000		 Rich Blue
#5959AB		 ROSY BROWN
#BC8F8F		 ROYAL BLUE
#4169E1
SADDLE BROWN
#8B4513		 Salmon
#6F4242		 SANDY BROWN
#F4A460		 Scarlet
#8C1717		 Sea Green
#238E68		 SEA SHELL
#FFF5EE
SEMI-SWEET CHOCOLATE
#6B4226		 Sienna
#8E6B23		 Silver
#E6E8FA		 Sky Blue
#3299CC		 Slate Blue
#007FFF		 SLATE GRAY
#708090
SNOW
#FFFAFA		 Spicy Pink
#FF1CAE		 Spring Green
#00FF7F		 Steel Blue
#236B8E		 Stevo Green
#5CDD34		 Summer Sky
#38B0DE
Tan
#DB9370		 TEAL
#008080		 Thistle
#D8BFD8		 TOMATO
#FF6347		 Turquoise
#ADEAEA		 Very Dark Brown
#5C4033
VERY DARK GRAY
#CDCDCD		 Very Light Gray
#CDCDCD		 Violet
#4F2F4F		 Violet Red
#CC3299		 Wheat
#D8D8BF		 White
#FFFFFF
WHITE SMOKE
#F5F5F5		 Yellow
#FFFF00		 Yellow Green
#99CC32

이 색상표는 color 속성을 지원 하는 모든 태그에

적용되며, 부분적으로는 colorcode 대신
색상이름으로 되는 것도 있습니다

 

Using Hex Variations 00,33,66,99,CC and FF
000000 330000 660000 990000 CC0000 FF0000
003300 333300 663300 993300 CC3300 FF3300
006600 336600 666600 996600 CC6600 FF6600
009900 339900 669900 999900 CC9900 FF9900
00CC00 33CC00 66CC00 99CC00 CCCC00 FFCC00
00FF00 33FF00 66FF00 99FF00 CCFF00 FFFF00
00FF33 33FF33 66FF33 99FF33 CCFF33 FFFF33
00FF66 33FF66 66FF66 99FF66 CCFF66 FFFF66
00FF99 33FF99 66FF99 99FF99 CCFF99 FFFF99
00FFCC 33FFCC 66FFCC 99FFCC CCFFCC FFFFCC
00FFFF 33FFFF 66FFFF 99FFFF CCFFFF FFFFFF
000000 003300 006600 009900 00CC00 00FF00
000033 003333 006633 009933 00CC33 00FF33
000066 003366 006666 009966 00CC66 00FF66
000099 003399 006699 009999 00CC99 00FF99
0000CC 0033CC 0066CC 0099CC 00CCCC 00FFCC
0000FF 0033FF 0066FF 0099FF 00CCFF 00FFFF
3300FF 3333FF 3366FF 3399FF 33CCFF 33FFFF
6600FF 6633FF 6666FF 6699FF 66CCFF 66FFFF
9900FF 9933FF 9966FF 9999FF 99CCFF 99FFFF
CC00FF CC33FF CC66FF CC99FF CCCCFF CCFFFF
FF00FF FF33FF FF66FF FF99FF FFCCFF FFFFFF
000000 000033 000066 000099 0000CC 0000FF
333300 333333 333366 333399 3333CC 3333FF
336600 336633 336666 336699 3366CC 3366FF
339900 339933 339966 339999 3399CC 3399FF
33CC00 33CC33 33CC66 33CC99 33CCCC 33CCFF
33FF00 33FF33 33FF66 33FF99 33FFCC 33FFFF
330000 330033 330066 330099 3300CC 3300FF
660000 660033 660066 660099 6600CC 6600FF
990000 990033 990066 990099 9900CC 9900FF
CC0000 CC0033 CC0066 CC0099 CC00CC CC00FF
FF0000 FF0033 FF0066 FF0099 FF00CC FF00FF
333300 333333 333366 333399 3333CC 3333FF
666600 666633 666666 666699 6666CC 6666FF
999900 999933 999966 999999 9999CC 9999FF
CCCC00 CCCC33 CCCC66 CCCC99 CCCCCC CCCCFF
FF0000 FFFF33 FFFF66 FFFF99 FFFFCC FFFFFF
Shades of black
000000 333333 666666 999999 CCCCCC FFFFFF

 

 216 Web Safe Color Chart

 

#FFFFFF

R=255
G=255
B=255		 #FFFFCC

R=255
G=255
B=204		 #FFFF99

R=255
G=255
B=153		 #FFFF66

R=255
G=255
B=102		 #FFFF33

R=255
G=255
B=51		 #FFFF00

R=255
G=255
B=0
#FFCCFF

R=255
G=204
B=255		 #FFCCCC

R=255
G=204
B=204		 #FFCC99

R=255
G=204
B=153		 #FFCC66

R=255
G=204
B=102		 #FFCC33

R=255
G=204
B=51		 #FFCC00

R=255
G=204
B=0
#FF99FF

R=255
G=153
B=255		 #FF99CC

R=255
G=153
B=204		 #FF9999

R=255
G=153
B=153		 #FF9966

R=255
G=153
B=102		 #FF9933

R=255
G=153
B=51		 #FF9900

R=255
G=153
B=0
#FF66FF

R=255
G=102
B=255		 #FF66CC

R=255
G=102
B=204		 #FF6699

R=255
G=102
B=153		 #FF6666

R=255
G=102
B=102		 #FF6633

R=255
G=102
B=51		 #FF6600

R=255
G=102
B=0
#FF33FF

R=255
G=51
B=255		 #FF33CC

R=255
G=51
B=204		 #FF3399

R=255
G=51
B=153		 #FF3366

R=255
G=51
B=102		 #FF3333

R=255
G=51
B=51		 #FF3300

R=255
G=51
B=0
#FF00FF

R=255
G=0
B=255		 #FF00CC

R=255
G=0
B=204		 #FF0099

R=255
G=0
B=153		 #FF0066

R=255
G=0
B=102		 #FF0033

R=255
G=0
B=51		 #FF0000

R=255
G=0
B=0
 
#CCFFFF

R=204
G=255
B=255		 #CCFFCC

R=204
G=255
B=204		 #CCFF99

R=204
G=255
B=153		 #CCFF66

R=204
G=255
B=102		 #CCFF33

R=204
G=255
B=51		 #CCFF00

R=204
G=255
B=0
#CCCCFF

R=204
G=204
B=255		 #CCCCCC

R=204
G=204
B=204		 #CCCC99

R=204
G=204
B=153		 #CCCC66

R=204
G=204
B=102		 #CCCC33

R=204
G=204
B=51		 #CCCC00

R=204
G=204
B=0
#CC99FF

R=204
G=153
B=255		 #CC99CC

R=204
G=153
B=204		 #CC9999

R=204
G=153
B=153		 #CC9966

R=204
G=153
B=102		 #CC9933

R=204
G=153
B=51		 #CC9900

R=204
G=153
B=0
#CC66FF

R=204
G=102
B=255		 #CC66CC

R=204
G=102
B=204		 #CC6699

R=204
G=102
B=153		 #CC6666

R=204
G=102
B=102		 #CC6633

R=204
G=102
B=51		 #CC6600

R=204
G=102
B=0
#CC33FF

R=204
G=51
B=255		 #CC33CC

R=204
G=51
B=204		 #CC3399

R=204
G=51
B=153		 #CC3366

R=204
G=51
B=102		 #CC3333

R=204
G=51
B=51		 #CC3300

R=204
G=51
B=0
#CC00FF

R=204
G=0
B=255		 #CC00CC

R=204
G=0
B=204		 #CC0099

R=204
G=0
B=153		 #CC0066

R=204
G=0
B=102		 #CC0033

R=204
G=0
B=51		 #CC0000

R=204
G=0
B=0
 
#99FFFF

R=153
G=255
B=255		 #99FFCC

R=153
G=255
B=204		 #99FF99

R=153
G=255
B=153		 #99FF66

R=153
G=255
B=102		 #99FF33

R=153
G=255
B=51		 #99FF00

R=153
G=255
B=0
#99CCFF

R=153
G=204
B=255		 #99CCCC

R=153
G=204
B=204		 #99CC99

R=153
G=204
B=153		 #99CC66

R=153
G=204
B=102		 #99CC33

R=153
G=204
B=51		 #99CC00

R=153
G=204
B=0
#9999FF

R=153
G=153
B=255		 #9999CC

R=153
G=153
B=204		 #999999

R=153
G=153
B=153		 #999966

R=153
G=153
B=102		 #999933

R=153
G=153
B=51		 #999900

R=153
G=153
B=0
#9966FF

R=153
G=102
B=255		 #9966CC

R=153
G=102
B=204		 #996699

R=153
G=102
B=153		 #996666

R=153
G=102
B=102		 #996633

R=153
G=102
B=51		 #996600

R=153
G=102
B=0
#9933FF

R=153
G=51
B=255		 #9933CC

R=153
G=51
B=204		 #993399

R=153
G=51
B=153		 #993366

R=153
G=51
B=102		 #993333

R=153
G=51
B=51		 #993300

R=153
G=51
B=0
#9900FF

R=153
G=0
B=255		 #9900CC

R=153
G=0
B=204		 #990099

R=153
G=0
B=153		 #990066

R=153
G=0
B=102		 #990033

R=153
G=0
B=51		 #990000

R=153
G=0
B=0
 
#66FFFF

R=102
G=255
B=255		 #66FFCC

R=102
G=255
B=204		 #66FF99

R=102
G=255
B=153		 #66FF66

R=102
G=255
B=102		 #66FF33

R=102
G=255
B=51		 #66FF00

R=102
G=255
B=0
#66CCFF

R=102
G=204
B=255		 #66CCCC

R=102
G=204
B=204		 #66CC99

R=102
G=204
B=153		 #66CC66

R=102
G=204
B=102		 #66CC33

R=102
G=204
B=51		 #66CC00

R=102
G=204
B=0
#6699FF

R=102
G=153
B=255		 #6699CC

R=102
G=153
B=204		 #669999

R=102
G=153
B=153		 #669966

R=102
G=153
B=102		 #669933

R=102
G=153
B=51		 #669900

R=102
G=153
B=0
#6666FF

R=102
G=102
B=255		 #6666CC

R=102
G=102
B=204		 #666699

R=102
G=102
B=153		 #666666

R=102
G=102
B=102		 #666633

R=102
G=102
B=51		 #666600

R=102
G=102
B=0
#6633FF

R=102
G=51
B=255		 #6633CC

R=102
G=51
B=204		 #663399

R=102
G=51
B=153		 #663366

R=102
G=51
B=102		 #663333

R=102
G=51
B=51		 #663300

R=102
G=51
B=0
#6600FF

R=102
G=0
B=255		 #6600CC

R=102
G=0
B=204		 #660099

R=102
G=0
B=153		 #660066

R=102
G=0
B=102		 #660033

R=102
G=0
B=51		 #660000

R=102
G=0
B=0
 
#33FFFF

R=51
G=255
B=255		 #33FFCC

R=51
G=255
B=204		 #33FF99

R=51
G=255
B=153		 #33FF66

R=51
G=255
B=102		 #33FF33

R=51
G=255
B=51		 #33FF00

R=51
G=255
B=0
#33CCFF

R=51
G=204
B=255		 #33CCCC

R=51
G=204
B=204		 #33CC99

R=51
G=204
B=153		 #33CC66

R=51
G=204
B=102		 #33CC33

R=51
G=204
B=51		 #33CC00

R=51
G=204
B=0
#3399FF

R=51
G=153
B=255		 #3399CC

R=51
G=153
B=204		 #339999

R=51
G=153
B=153		 #339966

R=51
G=153
B=102		 #339933

R=51
G=153
B=51		 #339900

R=51
G=153
B=0
#3366FF

R=51
G=102
B=255		 #3366CC

R=51
G=102
B=204		 #336699

R=51
G=102
B=153		 #336666

R=51
G=102
B=102		 #336633

R=51
G=102
B=51		 #336600

R=51
G=102
B=0
#3333FF

R=51
G=51
B=255		 #3333CC

R=51
G=51
B=204		 #333399

R=51
G=51
B=153		 #333366

R=51
G=51
B=102		 #333333

R=51
G=51
B=51		 #333300

R=51
G=51
B=0
#3300FF

R=51
G=0
B=255		 #3300CC

R=51
G=0
B=204		 #330099

R=51
G=0
B=153		 #330066

R=51
G=0
B=102		 #330033

R=51
G=0
B=51		 #330000

R=51
G=0
B=0
 
#00FFFF

R=0
G=255
B=255		 #00FFCC

R=0
G=255
B=204		 #00FF99

R=0
G=255
B=153		 #00FF66

R=0
G=255
B=102		 #00FF33

R=0
G=255
B=51		 #00FF00

R=0
G=255
B=0
#00CCFF

R=0
G=204
B=255		 #00CCCC

R=0
G=204
B=204		 #00CC99

R=0
G=204
B=153		 #00CC66

R=0
G=204
B=102		 #00CC33

R=0
G=204
B=51		 #00CC00

R=0
G=204
B=0
#0099FF

R=0
G=153
B=255		 #0099CC

R=0
G=153
B=204		 #009999

R=0
G=153
B=153		 #009966

R=0
G=153
B=102		 #009933

R=0
G=153
B=51		 #009900

R=0
G=153
B=0
#0066FF

R=0
G=102
B=255		 #0066CC

R=0
G=102
B=204		 #006699

R=0
G=102
B=153		 #006666

R=0
G=102
B=102		 #006633

R=0
G=102
B=51		 #006600

R=0
G=102
B=0
#0033FF

R=0
G=51
B=255		 #0033CC

R=0
G=51
B=204		 #003399

R=0
G=51
B=153		 #003366

R=0
G=51
B=102		 #003333

R=0
G=51
B=51		 #003300

R=0
G=51
B=0
#0000FF

R=0
G=0
B=255		 #0000CC

R=0
G=0
B=204		 #000099

R=0
G=0
B=153		 #000066

R=0
G=0
B=102		 #000033

R=0
G=0
B=51		 #000000

R=0
G=0
B=0

Example: white
Hexadecimal Value - #FFFFFF 
RGB Color Code - R=255 G=255 B=255 

 

000000
R - 000
G - 000
B - 000		 333333
R - 051
G - 051
B - 051		 666666
R - 102
G - 102
B - 102		 999999
R - 153
G - 153
B - 153		 CCCCCC
R - 204
G - 204
B - 204		 FFFFFF
R - 255
G - 255
B - 255
000033
R - 000
G - 000
B - 051		 333300
R - 051
G - 051
B - 000		 666600
R - 102
G - 102
B - 000		 999900
R - 153
G - 153
B - 000		 CCCC00
R - 204
G - 204
B - 000		 FFFF00
R - 255
G - 255
B - 000
000066
R - 000
G - 000
B - 102		 333366
R - 051
G - 051
B - 102		 666633
R - 102
G - 102
B - 051		 999933
R - 153
G - 153
B - 051		 CCCC33
R - 204
G - 204
B - 051		 FFFF33
R - 255
G - 255
B - 051
000099
R - 000
G - 000
B - 153		 333399
R - 051
G - 051
B - 153		 666699
R - 102
G - 102
B - 153		 999966
R - 153
G - 153
B - 102		 CCCC66
R - 204
G - 204
B - 102		 FFFF66
R - 255
G - 255
B - 102
0000CC
R - 000
G - 000
B - 204		 3333CC
R - 051
G - 051
B - 204		 6666CC
R - 102
G - 102
B - 204		 9999CC
R - 153
G - 153
B - 204		 CCCC99
R - 204
G - 204
B - 153		 FFFF99
R - 255
G - 255
B - 153
0000FF
R - 000
G - 000
B - 255		 3333FF
R - 051
G - 051
B - 255		 6666FF
R - 102
G - 102
B - 255		 9999FF
R - 153
G - 153
B - 255		 CCCCFF
R - 204
G - 204
B - 255		 FFFFCC
R - 255
G - 255
B - 204
003300
R - 000
G - 051
B - 000		 336633
R - 051
G - 102
B - 051		 669966
R - 102
G - 153
B - 102		 99CC99
R - 153
G - 204
B - 153		 CCFFCC
R - 204
G - 255
B - 204		 FF00FF
R - 255
G - 000
B - 255
006600
R - 000
G - 102
B - 000		 339933
R - 051
G - 153
B - 051		 66CC66
R - 102
G - 204
B - 102		 99FF99
R - 153
G - 255
B - 153		 CC00CC
R - 204
G - 000
B - 204		 FF33FF
R - 255
G - 051
B - 255
009900
R - 000
G - 153
B - 000		 33CC33
R - 051
G - 204
B - 051		 66FF66
R - 102
G - 255
B - 102		 990099
R - 153
G - 000
B - 153		 CC33CC
R - 204
G - 051
B - 204		 FF66FF
R - 255
G - 102
B - 255
00CC00
R - 000
G - 204
B - 000		 33FF33
R - 051
G - 255
B - 051		 660066
R - 102
G - 000
B - 102		 993399
R - 153
G - 051
B - 153		 CC66CC
R - 204
G - 102
B - 204		 FF99FF
R - 255
G - 153
B - 255
00FF00
R - 000
G - 255
B - 000		 330033
R - 051
G - 000
B - 051		 663366
R - 102
G - 051
B - 102		 996699
R - 153
G - 102
B - 153		 CC99CC
R - 204
G - 153
B - 204		 FFCCFF
R - 255
G - 204
B - 255
00FF33
R - 000
G - 255
B - 051		 330066
R - 051
G - 000
B - 102		 663399
R - 102
G - 051
B - 153		 9966CC
R - 153
G - 102
B - 204		 CC99FF
R - 204
G - 153
B - 255		 FFCC00
R - 255
G - 204
B - 000
00FF66
R - 000
G - 255
B - 102		 330099
R - 051
G - 000
B - 153		 6633CC
R - 102
G - 051
B - 204		 9966FF
R - 153
G - 102
B - 255		 CC9900
R - 204
G - 153
B - 000		 FFCC33
R - 255
G - 204
B - 051
00FF99
R - 000
G - 255
B - 153		 3300CC
R - 051
G - 000
B - 204		 6633FF
R - 102
G - 051
B - 255		 996600
R - 153
G - 102
B - 000		 CC9933
R - 204
G - 153
B - 051		 FFCC66
R - 255
G - 204
B - 102
00FFCC
R - 000
G - 255
B - 204		 3300FF
R - 051
G - 000
B - 255		 663300
R - 102
G - 051
B - 000		 996633
R - 153
G - 102
B - 051		 CC9966
R - 204
G - 153
B - 102		 FFCC99
R - 255
G - 204
B - 153
00FFFF
R - 000
G - 255
B - 255		 330000
R - 051
G - 000
B - 000		 663333
R - 102
G - 051
B - 051		 996666
R - 153
G - 102
B - 102		 CC9999
R - 204
G - 153
B - 153		 FFCCCC
R - 255
G - 204
B - 204
00CCCC
R - 000
G - 204
B - 204		 33FFFF
R - 051
G - 255
B - 255		 660000
R - 102
G - 000
B - 000		 993333
R - 153
G - 051
B - 051		 CC6666
R - 204
G - 102
B - 102		 FF9999
R - 255
G - 153
B - 153
009999
R - 000
G - 153
B - 153		 33CCCC
R - 051
G - 204
B - 204		 66FFFF
R - 102
G - 255
B - 255		 990000
R - 153
G - 000
B - 000		 CC3333
R - 204
G - 051
B - 051		 FF6666
R - 255
G - 102
B - 102
006666
R - 000
G - 102
B - 102		 339999
R - 051
G - 153
B - 153		 66CCCC
R - 102
G - 204
B - 204		 99FFFF
R - 153
G - 255
B - 255		 CC0000
R - 204
G - 000
B - 000		 FF3333
R - 255
G - 051
B - 051
003333
R - 000
G - 051
B - 051		 336666
R - 051
G - 102
B - 102		 669999
R - 102
G - 153
B - 153		 99CCCC
R - 153
G - 204
B - 204		 CCFFFF
R - 204
G - 255
B - 255		 FF0000
R - 255
G - 000
B - 000
003366
R - 000
G - 051
B - 102		 336699
R - 051
G - 102
B - 153		 6699CC
R - 102
G - 153
B - 204		 99CCFF
R - 153
G - 204
B - 255		 CCFF00
R - 204
G - 255
B - 000		 FF0033
R - 255
G - 000
B - 051
003399
R - 000
G - 051
B - 153		 3366CC
R - 051
G - 102
B - 204		 6699FF
R - 102
G - 153
B - 255		 99CC00
R - 153
G - 204
B - 000		 CCFF33
R - 204
G - 255
B - 051		 FF0066
R - 255
G - 000
B - 102
0033CC
R - 000
G - 051
B - 204		 3366FF
R - 051
G - 102
B - 255		 669900
R - 102
G - 153
B - 000		 99CC33
R - 153
G - 204
B - 051		 CCFF66
R - 204
G - 255
B - 102		 FF0099
R - 255
G - 000
B - 153
0033FF
R - 000
G - 051
B - 255		 336600
R - 051
G - 102
B - 255		 669933
R - 102
G - 153
B - 051		 99CC66
R - 153
G - 204
B - 102		 CCFF99
R - 204
G - 255
B - 153		 FF00CC
R - 255
G - 000
B - 204
0066FF
R - 000
G - 102
B - 255		 339900
R - 051
G - 153
B - 000		 66CC33
R - 102
G - 204
B - 051		 99FF66
R - 153
G - 255
B - 102		 CC0099
R - 204
G - 000
B - 153		 FF33CC
R - 255
G - 051
B - 204
0099FF
R - 000
G - 153
B - 255		 33CC00
R - 051
G - 204
B - 000		 66FF33
R - 102
G - 255
B - 051		 990066
R - 153
G - 000
B - 102		 CC3399
R - 204
G - 051
B - 153		 FF66CC
R - 255
G - 102
B - 204
00CCFF
R - 000
G - 204
B - 255		 33FF00
R - 051
G - 255
B - 000		 660033
R - 102
G - 000
B - 051		 993366
R - 153
G - 051
B - 102		 CC6699
R - 204
G - 102
B - 153		 FF99CC
R - 255
G - 153
B - 204
00CC33
R - 000
G - 204
B - 051		 33FF66
R - 051
G - 255
B - 102		 660099
R - 102
G - 000
B - 153		 9933CC
R - 153
G - 051
B - 204		 CC66FF
R - 204
G - 102
B - 255		 FF9900
R - 255
G - 153
B - 000
00CC66
R - 000
G - 204
B - 102		 33FF99
R - 051
G - 255
B - 153		 6600CC
R - 102
G - 000
B - 204		 9933FF
R - 153
G - 051
B - 255		 CC6600
R - 204
G - 102
B - 000		 FF9933
R - 255
G - 153
B - 051
00CC99
R - 255
G - 204
B - 153		 33FFCC
R - 051
G - 255
B - 204		 6600FF
R - 102
G - 000
B - 255		 993300
R - 153
G - 051
B - 000		 CC6633
R - 204
G - 102
B - 051		 FF9966
R - 255
G - 153
B - 102
009933
R - 000
G - 153
B - 051		 33CC66
R - 051
G - 204
B - 102		 66FF99
R - 102
G - 255
B - 153		 9900CC
R - 153
G - 000
B - 204		 CC33FF
R - 204
G - 051
B - 255		 FF6600
R - 255
G - 102
B - 000
006633
R - 000
G - 102
B - 051		 339966
R - 051
G - 153
B - 102		 66CC99
R - 102
G - 204
B - 153		 99FFCC
R - 153
G - 255
B - 204		 CC00FF
R - 204
G - 000
B - 255		 FF3300
R - 255
G - 051
B - 000
009966
R - 000
G - 153
B - 102		 33CC99
R - 051
G - 204
B - 153		 66FFCC
R - 102
G - 255
B - 204		 9900FF
R - 153
G - 000
B - 255		 CC3300
R - 204
G - 051
B - 000		 FF6633
R - 255
G - 102
B - 051
0099CC
R - 000
G - 153
B - 204		 33CCFF
R - 051
G - 204
B - 255		 66FF00
R - 102
G - 255
B - 000		 990033
R - 153
G - 000
B - 051		 CC3366
R - 204
G - 051
B - 102		 FF6699
R - 255
G - 102
B - 153
0066CC
R - 000
G - 102
B - 204		 3399FF
R - 051
G - 153
B - 255		 66CC00
R - 102
G - 204
B - 000		 99FF33
R - 153
G - 255
B - 051		 CC0066
R - 204
G - 000
B - 102		 FF3399
R - 255
G - 051
B - 153
006699
R - 000
G - 102
B - 153		 3399CC
R - 051
G - 153
B - 204		 66CCFF
R - 102
G - 204
B - 255		 99FF00
R - 153
G - 255
B - 000		 CC0033
R - 204
G - 000
B - 051		 FF3366
R - 255
G - 051
B - 102

Web-Safe Colors
*000* 300 600 900 C00 *F00*
*003* 303 603 903 C03 *F03*
006 306 606 906 C06 F06
009 309 609 909 C09 F09
00C 30C 60C 90C C0C F0C
*00F* 30F 60F 90F C0F *F0F*
030 330 630 930 C30 F30
033 333 633 933 C33 F33
036 336 636 936 C36 F36
039 339 639 939 C39 F39
03C 33C 63C 93C C3C F3C
03F 33F 63F 93F C3F F3F
060 360 660 960 C60 F60
063 363 663 963 C63 F63
066 366 666 966 C66 F66
069 369 669 969 C69 F69
06C 36C 66C 96C C6C F6C
06F 36F 66F 96F C6F F6F
090 390 690 990 C90 F90
093 393 693 993 C93 F93
096 396 696 996 C96 F96
099 399 699 999 C99 F99
09C 39C 69C 99C C9C F9C
09F 39F 69F 99F C9F F9F
0C0 3C0 6C0 9C0 CC0 FC0
0C3 3C3 6C3 9C3 CC3 FC3
0C6 3C6 6C6 9C6 CC6 FC6
0C9 3C9 6C9 9C9 CC9 FC9
0CC 3CC 6CC 9CC CCC FCC
0CF 3CF 6CF 9CF CCF FCF
*0F0* 3F0 *6F0* 9F0 CF0 *FF0*
0F3 *3F3* *6F3* 9F3 CF3 *FF3*
*0F6* *3F6* 6F6 9F6 *CF6* *FF6*
0F9 3F9 6F9 9F9 CF9 FF9
*0FC* *3FC* 6FC 9FC CFC FFC
*0FF* *3FF* *6FF* 9FF CFF *FFF*

 

태그 테스터

더보기

참고         참고         참고         참고         참고         참고         참고         참고         참고        참고         참고

참고         참고         참고         참고         참고         참고         참고         참고         참고        참고         참고

참고         참고         참고         참고         참고         참고         참고         참고         참고        참고

 

더보기

스타일 시트(CSS) 작성 예

<style type="text/css"> 【01】
<!-- 【02】
body{ 【03】
background-color:"#FFFFFF";
font-size:"12pt";
font-family:"바탕";
color:"#000000";
margin-left:"5%";margin-right:"5%";}
h1 {font-size:"9pt";font-family:"Times"; color:"#999999";} 【04】
h2 {font-size:"9pt";font-family:"Arial"; color:"#333333";}
a:link {text-decoration:"none"; color:"#666666";}
a:visited {text-decoration:"none"; color:"#333333";} 【05】
a:active {text-decoration:"none"; color:"#CCCCCC";}
a:hover {text-decoration:"underline"; color:"#000000";}
-->
</style>


class 지정하기
<style type="text/css">
<!--
.case1{font-size:"8pt";}
.case2{color:"#000000";}
-->

<body>
<p class="case1">※글자 크기 10pt입니다。</p>
<p class="case2">※색상은 빨강입니다。</p>
</body>

ID 지정하기
<style tyle="text/css">
<!--
#font{font-sixe:"12pt";}
#color{color:"#333333";}
-->

<body>
<p id="font">※글자 크기 12pt입니다。</p>
<p id="color">※색상은 노랑입니다。</p>
</body>

SPAN 지정하기
※<span style="color:blue; font-size:9pt;">SPAN</span>경우。

DIV 지정하기
※<div style="color:blue; font-size:9pt;">DIV</div>경우。

activeborder ：태두리 지정
buttonface ：버튼 지정
windowtext ：텍스트 지정


<style type="text/css"><!--body {background-color:"배경색";}--></style>

<style type="text/css"><!--body {background-color: "배경색";background-image:url("배경그림URL");}--></style>

<style type="text/css"><!--body {background-color:"배경색";background-image:url("배경그림URL");background-repeat:"배경그림 표시 방법 지정";}--></style>

<style type="text/css"><!--body {background-color:"배경색";background-image:url("배경그림URL");background-repeat:"배경그림 표시 방법 지정";background-position:"배경그림 표시 위치 지정";}--></style>

<style type="text/css"><!--body {background-color:"배경색";background-image:url("배경그림URL");background-repeat:"배경그림 표시 방법 지정";background-position:"배경그림 표시 위치 지정";background-attachment:"배경그림 고정 여부 지정";}--></style>

<style type="text/css"><!--case1 {position:relative;top:"값";bottom:"값";left:"값";right:"값";}--></style>   /*상대적 위치 지정*/

<style type="text/css"><!--case1 {position:absolute;top:"값";bottom:"값";left:"값";right:"값";}--></style>    /*절대적 위치 지정*/

<style type="text/css"><!--case1 {z-index:"순서 지정";position:"상대적、절대적 위치 지정";top:"값";bottom:"값";left:"값";right:"값";}--></style>

<style type="text/css"><!--.case1 {"표시 여부 지정";}--></style>    display:none   visibility:hidden

<style type="text/css"><!--.case1 {float:"되돌아 오는 위치 지정";}--></style>    

<style type="text/css"><!--.case1 {float:"되돌아 오는 위치 지정";}.case2 {clear:"위치 지정 해제";}--></style>

<style type="text/css"><!--.case1 {font-size:"크기 지정";}--></style>    <span class="case1">크기 표현</span><br>

<style type="text/css"><!--.case1 {font-weight:"굵기 지정";}--></style>

<style type="text/css"><!--.case1 {font-family:"서체 지정";}--></style>

<style type="text/css"><!--case1 {font-style:"기울기 등 지정";}--></style>

<style type="text/css"><!--case1 {font-variant:"대문자도 작게 지정";}--></style>   normal   small-caps

<style type="text/css"><!--case1 {font-decoration:"선 넣기 등 지정";}--></style>     none     line-through   underline   overline

<style type="text/css"><!--ul {list-style-type:"표시 형식 지정"}--></style>

<style type="text/css"><!--ul {list-style-image:url("그림URL")}--></style>

<style type="text/css"><!--ul {list-style-position:"표시 위치 지정"}--></style>

<style type="text/css"><!--ul {list-style:"스타일 지정"}--></style>

<style type="text/css"><!--a:link{color:"연결 전 색상";}a:visited{color:"연결 후 색상";}a:hover{color:"선택 시 색상";}a:active{color:"연결 중 색상";}--></style>

<style type="text/css"><!--a{text-decoration:"none";}a:hover{text-decoration:"overline";color:"윗선의 색상";}--></style>

<style type="text/css"><!--a{text-decoration:"none";}a:hover{text-decoration:"underline";color:"아랫선의 색상";}--></style>

<style type="text/css"><!--a{text-decoration:"none";}a:hover{text-decoration:"underline overline";color:"위,아랫선의 색상";}--></style>

<style type="text/css"><!--a{text-decoration:"none";}a:hover{text-decoration:"line-through";color:"중간선의 색";}--></style>

<style type="text/css"><!--a{text-decoration:"none";}a:hover{border-color:"태두리 색상";border-width:"1px";border-style:"solid";}--></style>

<style type="text/css"><!--a{text-decoration:"none";}a:hover{border-color:"태두리 색상";border-width:"3px";border-style:"double";}--></style>

<style type="text/css"><!--a{text-decoration:"none";}a:hover{border-color:"태두리 색상";border-width:"1px";border-style:"dashed";}--></style>

<style type="text/css"><!--a{text-decoration:"none";}a:hover{border-color:"태두리 색상";border-width:"3px";border-style:"dotted";}--></style>

<style type="text/css"><!--a{text-decoration:"none";}a:hover{font-weight:"bolder";}--></style>

<style type="text/css"><!--a{text-decoration:"none";}a:hover{font:"italic";}--></style>

<style type="text/css"><!--a{text-decoration:"none";}a:hover{color:"선택시 글 색상";}--></style>

<style type="text/css"><!--a{text-decoration:"none";}a:hover{background-color:"선택시 배경색";color:"선택시 글자색";}--></style>

<style type="text/css"><!--a{text-decoration:"none";}--></style>

<style type="text/css"><!--a{text-decoration:"none";}a:hover{position:"relative";top:"꺼진값";left:"꺼진값";}--></style>

<style type="text/css"><!--case1 {caption-side:"위치 지정";}--></style>      <table width="200" height="50" border="1" cellpadding="1" cellspacing="1"
　　bordercolor="#333333"><caption id="case1">제목</caption>
　　<tr><td></td></tr></table>

<style type="text/css"><!--case1 {border-collapse:"태두리선 형식";}--></style>       <table id="case1" width="200" border="1">
　　<tr><td></td><td></td></tr><tr><td></td><td></td></tr></table>

<style type="text/css"><!--.case1 {border-spacing:"간격 지정";}--></style>

<style type="text/css"><!--.case1 {empty-cells:"표시여부 지정";}--></style>       show      hide

<style type="text/css"><!--case1 {border-style:"형식 지정";}--></style>

<style type="text/css"><!--case1 {border-width:"굵기";}--></style>

<style type="text/css"><!--.case1 {color:"색상";}--></style>

<style type="text/css"><!--.case1 {margin:"여백";}--></style>

<style type="text/css"><!--case1 {width:"넓이";height:"높이";}--></style>

<style type="text/css"><!--case1 {padding:"사이";}--></style>

<style type="text/css"><!--body {scrollbar-base-color:"색값";scrollbar-track-color:"색";scrollbar-face-color:"색";scrollbar-arrow-color:"색";scrollbar-3dlight-color:"색";scrollbar-darkshadow-color:"색";scrollbar-highlight-color:"색";scrollbar-shadow-color:"색";}--></style>

<style type="text/css"><!--.case1 {scrollbar-base-color:"색";scrollbar-track-color:"색";scrollbar-face-color:"색";scrollbar-arrow-color:"색";scrollbar-3dlight-color:"색";scrollbar-darkshadow-color:"색";scrollbar-highlight-color:"색";scrollbar-shadow-color:"색";}--></style>

<style type="text/css"><!--body {cursor:"커서 형식 지정";}--></style>   auto   crosshair   pointer     default     hel     wait     text   help   move   e-resize      w-resize      s-resize      n-resize   ne-resize    nw-resize      se-resize    sw-resize 

<style type="text/css"><!--case1 {ime-mode:"입력 시스템 형식 지정";}--></style>   
ime-mode :auto ==> (자동변경) 한/영 전환가능
ime-mode :active ==> (기본 한글모드) 한/영 전환가능
ime-mode :inactive ==> (기본 영문모드) 한/영 전환가능
ime-mode :disabled ==> (기본 영문모드) 한/영 전환불가능 (영문/숫자만 입력가능)
ime-mode :deactivated ==> (자동변경) 한/영 전환가능
오직 숫자만 허용하는 경우 style 속성을 ime-mode : disabled 선택

 

picpick172.exe
0.79MB
jcolorpicker.exe
0.3MB
저작자표시

'자료' 카테고리의 다른 글

먹거리를 이해하라  (0) 2008.08.23
speaker motor  (0) 2008.08.19
갑자기 심장 마비가 왔을 때  (0) 2008.08.13
Cold Fusion  (0) 2008.08.10
induction heating  (0) 2008.08.10

'자료'의 다른글

  • 현재글소스

관련글

티스토리툴바