[데리고 옴]
 
문자 이모티콘 모음집
이모티콘 의 미
s( ̄▽ ̄)/ 짜쟌~~
(* ̄ . ̄)a 어랏!! 머였더라?
♬(^0^)~♪ 랄랄라~
\(*`Д´)/ 으라차차!!
(/ㅡ_-)/~ 저리가버렷!!
∠(- o -) 뚜웅~성!!
s( ̄▽ ̄)v 김취~ 찰칵!!
s( ̄へ ̄ )z 흥!! 나 삐져따!
<(>.<ㆀ)> 윗몸일으키기
┌(ㆀ_ _)┐ 팔굽혀펴기
s(ごoご)グ 자자!! 주목!!
[_]a(^^* ) 커피 한잔 어때?
ㅡ..ㅡㆀ 흐미…
(::::[ ]::::) 치료해줄께
('' )( '') 요리조리…
[( ̄. ̄)]zZ 잘좌~~
[(-.-)(^^*)] 여버~ 자?
O( ̄▽ ̄)o 아싸아~~
(^(oo)^) 웃는 돼지
(^(oo)~) 윙크 돼지
(T(oo)T) 우는 돼지
(-(oo)-) 삐진 돼지
@-m-m-- 꽃 받아영~~
☞(>.<)☜ 흐압! 집중!!
~(> <ㆀ )/ 으~ 만원버스!
>(/////)< 사탕머거!!
\(^0^*)/ 이만큼 살앙해!
☞"^▽^"☜ 방긋!!
\(-0-)/ 기지개~
(⊙『』) 사진 찰칵!
☜(^^*)☞ 너의 수호천사
(*^3(^^*) 뽀뽀~ ㅎㅎ
(づ'0')づ 앗! 가지마아~
〓〓〓━ 빼빼로데이~
( ^}━{^ ) 빼빼로게임!
↖(^▽^)↗ 대~한민국!
이모티콘 의 미
o(-"-)o 두주먹 불끈!
o(T^T)o 우앙~~
*(''*) 치어리더
e(''e) 권투선수
(♡♡) 넘 져아~ ♡
( ㅅ ) 내 엉덩이
o(^-^)o 기분 져아~
(づ_-) 부비쟉~
(-_ど) 부비쟉~
(づ_ど) 부비부비~
(づ_T) 훌쩍훌쩍..
☞^.^☜ 귀엽지!?
(*^.☜) 반했지!
(/^o^)/♡ 사랑스럽지~
(=.&=nbsp;) 졸려오~
┏(^^)┛ 내가 달료갈께
┏(;-_-)┛ 헉~ 도망가자
┗(-_- )┓ 잡히기만해밧!
┗(-_-;)┛ 끄응~ 벌서요
┏(-_-メ)┓ 형님!!
(*^-^) 죠은 하루
ご,.ごㆀ 흐미 진땀나~
(-.-")凸 뽀큐!!
(-"-メ) 걸리면 듀거!
('⌒') 하늘을 봐~
(-0-) 아함~~
(~.^) 윙크~
(::)=3 닭다리 머거!
☞♡☜ 내맘이야
(ㅜ.ㅜ) 흑흑~
(ㅠ.ㅠ) 주루룩~~
☞ㆀ☜ 손 씻어
(@.@) 어지로오~~
(●.●) 콩깍지 벗겨죠
( ☞.☜ ) 누구게~?
(☞^o^☜) 자기징~~!
이모티콘 의 미
┗( ̄▽ ̄ㆀ)┓=33 꺄흑~ 텨텨텨!!
o(^^o) (o^^)o 토닥토닥~~
(づ ̄ ³ ̄)づ~♡ 자갸~ 일롸~
( ^▽^)/\(^_^ ) Shall We Dance?
☜▒▒(-,.ㅡ )3 거기 섯!!
●ㄴ_(ㅡ_ㅡ;)ㄱ 볼링 공 으�~
(っㅡ ㅡ)つ━● 변기 뚫어~~
■■■■■□90% 충전중!!
∑⊙)++333=◀ 오늘 메뉴야
·‥…─━★ 별똥별… 소원
(- -)(_ _)(^ ^) 안녕하세요~
(*⌒.^)(^ε⌒*) 뻐뻐하좌~
(^---------^) 씨익~~
( x ) 뱃살 좀 빼! ㅋㅋ
(*^-^)♡(^o^*) 사랑하는 사이
( ̄__ ̄>-(^▽^;) 쭈우욱~ 꼬집기
(*^▽^*)(^---^) 웃음이 보약
━━ .. ━━ 킁킁~~
('')( :)(..)(: )('') 뒹구르르~~
>>------▷♡ 사랑의 화살
(*^--------^*) 활짝~~
[T◀ +[▥]] 안테나, 배터리
(ノ^_^)ノ~~⑩ 용돈 아껴서!
[ ∋-- O--- ] 포크랑 수저
((ど( ^0^ )つ)) 퍼득퍼득~
(ㅡ,aㅡ) 'a(ㅡ,.ㅡ) 코파! 톡!! 으윽
o('-'o) (o'-')o 요리 조리보고
( ㅅ)=333 방구 뽕~~ ㅋㅋ
*@}>->---- 장미꽃 한송이
ミⓛㅅⓛミ 냐옹~~(1)
=^ⓛㅅⓛ^= 냐옹~~(2)
(. .♧)(c . .) 저어기… 이짜나
(*ㅡ_(#ㅡ_ㅡ)_-) 형님! 당했슴다
(*^^)/(__ ;) 애인으로 임명함
s( ̄ 3 ̄)す=33 후우~ 담배 한대..
へ( ̄⌒ ̄へ) 내 다리 내놔~
이미지 모음방 1118
 
 
 
 
 
 

원본: iyookyung 블로그 2007/09/17 오후 2:56 | ▶ 아름다운 글 올리는방법

Shades of Blue
색 이름 R/G/B 16진수 색상 예
AliceBlue 240;248;255 F0F8FF  
BlueViolet 138;43;226 8A2BE2  
CadetBlue 95;158;160 5F9EA0  
CadetBlue1 152;245;255 98F5FF  
CadetBlue2 142;229;238 8EE5EE  
CadetBlue3 122;197;205 7AC5CD  
CadetBlue4 83;134;139 53868B  
CornflowerBlue 100;149;237 6495ED  
DarkSlateBlue 72;61;139 483D8B  
DarkTurquoise 0;206;209 00CED1  
DeepSkyBlue 0;191;255 00BFFF  
DeepSkyBlue1 0;191;255 00BFFF  
DeepSkyBlue2 0;178;238 00B2EE  
DeepSkyBlue3 0;154;205 009ACD  
DeepSkyBlue4 0;104;139 00688B  
DodgerBlue 30;144;255 1E90FF  
DodgerBlue1 30;144;255 1E90FF  
DodgerBlue2 28;134;238 1C86EE  
DodgerBlue3 24;116;205 1874CD  
DodgerBlue4 16;78;139 104E8B  
LightBlue 173;216;230 ADD8E6  
LightBlue1 191;239;255 BFEFFF  
LightBlue2 178;223;238 B2DFEE  
LightBlue3 154;192;205 9AC0CD  
LightBlue4 104;131;139 68838B  
LightCyan 224;255;255 E0FFFF  
LightCyan1 224;255;255 E0FFFF  
LightCyan2 209;238;238 D1EEEE  
LightCyan3 180;205;205 B4CDCD  
LightCyan4 122;139;139 7A8B8B  
LightSkyBlue 135;206;250 87CEFA  
LightSkyBlue1 176;226;255 B0E2FF  
LightSkyBlue2 164;211;238 A4D3EE  
LightSkyBlue3 141;182;205 8DB6CD  
LightSkyBlue4 96;123;139 607B8B  
LightSlateBlue 132;112;255 8470FF  
LightSteelBlue 176;196;222 B0C4DE  
LightSteelBlue1 202;225;255 CAE1FF  
LightSteelBlue2 188;210;238 BCD2EE  
LightSteelBlue3 162;181;205 A2B5CD  
LightSteelBlue4 110;123;139 6E7B8B  
MediumAquamarine 102;205;170 66CDAA  
MediumBlue 0;0;205 0000CD  
MediumSlateBlue 123;104;238 7B68EE  
MediumTurquoise 72;209;204 48D1CC  
MidnightBlue 25;25;112 191970  
NavyBlue 0;0;128 000080  
PaleTurquoise 175;238;238 AFEEEE  
PaleTurquoise1 187;255;255 BBFFFF  
PaleTurquoise2 174;238;238 AEEEEE  
PaleTurquoise3 150;205;205 96CDCD  
PaleTurquoise4 102;139;139 668B8B  
PowderBlue 176;224;230 B0E0E6  
RoyalBlue 65;105;225 4169E1  
RoyalBlue1 72;118;255 4876FF  
RoyalBlue2 67;110;238 436EEE  
RoyalBlue3 58;95;205 3A5FCD  
RoyalBlue4 39;64;139 27408B  
SkyBlue 135;206;235 87CEEB  
SkyBlue1 135;206;255 87CEFF  
SkyBlue2 126;192;238 7EC0EE  
SkyBlue3 108;166;205 6CA6CD  
SkyBlue4 74;112;139 4A708B  
SlateBlue 106;90;205 6A5ACD  
SlateBlue1 131;111;255 836FFF  
SlateBlue2 122;103;238 7A67EE  
SlateBlue3 105;89;205 6959CD  
SlateBlue4 71;60;139 473C8B  
SteelBlue 70;130;180 4682B4  
SteelBlue1 99;184;255 63B8FF  
SteelBlue2 92;172;238 5CACEE  
SteelBlue3 79;148;205 4F94CD  
SteelBlue4 54;100;139 36648B  
aquamarine 127;255;212 7FFFD4  
aquamarine1 127;255;212 7FFFD4  
aquamarine2 118;238;198 76EEC6  
aquamarine3 102;205;170 66CDAA  
aquamarine4 69;139;116 458B74  
azure 240;255;255 F0FFFF  
azure1 240;255;255 F0FFFF  
azure2 224;238;238 E0EEEE  
azure3 193;205;205 C1CDCD  
azure4 131;139;139 838B8B  
blue 0;0;255 0000FF  
blue1 0;0;255 0000FF  
blue2 0;0;238 0000EE  
blue3 0;0;205 0000CD  
blue4 0;0;139 00008B  
cyan 0;255;255 00FFFF  
cyan1 0;255;255 00FFFF  
cyan2 0;238;238 00EEEE  
cyan3 0;205;205 00CDCD  
cyan4 0;139;139 008B8B  
navy 0;0;128 000080  
turquoise 64;224;208 40E0D0  
turquoise1 0;245;255 00F5FF  
turquoise2 0;229;238 00E5EE  
turquoise3 0;197;205 00C5CD  
turquoise4 0;134;139 00868B  

Shades of Brown
색 이름 R/G/B 16진수 색상 예
RosyBrown 188;143;143 BC8F8F  
RosyBrown1 255;193;193 FFC1C1  
RosyBrown2 238;180;180 EEB4B4  
RosyBrown3 205;155;155 CD9B9B  
RosyBrown4 139;105;105 8B6969  
SaddleBrown 139;69;19 8B4513  
SandyBrown 244;164;96 F4A460  
beige 245;245;220 F5F5DC  
brown 165;42;42 A52A2A  
brown1 255;64;64 FF4040  
brown2 238;59;59 EE3B3B  
brown3 205;51;51 CD3333  
brown4 139;35;35 8B2323  
burlywood 222;184;135 DEB887  
burlywood1 255;211;155 FFD39B  
burlywood2 238;197;145 EEC591  
burlywood3 205;170;125 CDAA7D  
burlywood4 139;115;85 8B7355  
chocolate 210;105;30 D2691E  
chocolate1 >255;127;36 FF7F24  
chocolate2 238;118;33 EE7621  
chocolate3 205;102;29 CD661D  
chocolate4 139;69;19 8B4513  
peru 205;133;63 CD853F  
tan 210;180;140 D2B48C  
tan1 255;165;79 FFA54F  
tan2 238;154;73 EE9A49  
tan3 205;133;63 CD853F  
tan4 139;90;43 8B5A2B  

Shades of Green
색 이름 R/G/B 16진수 색상 예
DarkGreen 0;100;0 006400  
DarkKhaki 189;183;107 BDB76B  
DarkOliveGreen 85;107;47 556B2F  
DarkOliveGreen1 202;255;112 CAFF70  
DarkOliveGreen2 188;238;104 BCEE68  
DarkOliveGreen3 162;205;90 A2CD5A  
DarkOliveGreen4 110;139;61 6E8B3D  
DarkSeaGreen 143;188;143 8FBC8F  
DarkSeaGreen1 193;255;193 C1FFC1  
DarkSeaGreen2 180;238;180 B4EEB4  
DarkSeaGreen3 155;205;155 9BCD9B  
DarkSeaGreen4 105;139;105 698B69  
ForestGreen 34;139;34 228B22  
GreenYellow 173;255;47 ADFF2F  
LawnGreen 124;252;0 7CFC00  
LightSeaGreen 32;178;170 20B2AA  
LimeGreen 50;205;50 32CD32  
MediumSeaGreen 60;179;113 3CB371  
MediumSpringG 0;250;154 00FA9A  
MintCream 245;255;250 F5FFFA  
OliveDrab 107;142;35 6B8E23  
OliveDrab1 192;255;62 C0FF3E  
OliveDrab2 179;238;58 B3EE3A  
OliveDrab3 154;205;50 9ACD32  
OliveDrab4 105;139;34 698B22  
PaleGreen 152;251;152 98FB98  
PaleGreen1 154;255;154 9AFF9A  
PaleGreen2 144;238;144 90EE90  
PaleGreen3 124;205;124 7CCD7C  
PaleGreen4 84;139;84 548B54  
SeaGreen 46;139;87 2E8B57  
SeaGreen1 84;255;159 54FF9F  
SeaGreen2 78;238;148 4EEE94  
SeaGreen3 67;205;128 43CD80  
SeaGreen4 46;139;87 2E8B57  
SpringGreen 0;255;127 00FF7F  
SpringGreen1 0;255;127 00FF7F  
SpringGreen2 0;238;118 00EE76  
SpringGreen3 0;205;102 00CD66  
SpringGreen4 0;139;69 008B45  
YellowGreen 154;205;50 9ACD32  
chartreuse 127;255;0 7FFF00  
chartreuse1 127;255;0 7FFF00  
chartreuse2 118;238;0 76EE00  
chartreuse3 102;205;0 66CD00  
chartreuse4 69;139;0 458B00  
green 0;255;0 00FF00  
green1 0;255;0 00FF00  
green2 0;238;0 00EE00  
green3 0;205;0 00CD00  
green4 0;139;0 008B00  
khaki 240;230;140 F0E68C  
khaki1 255;246;143 FFF68F  
khaki2 238;230;133 EEE685  
khaki3 205;198;115 CDC673  
khaki4 139;134;78 8B864E  

Shades of Orange
색 이름 R/G/B 16진수 색상 예
DarkOrange 255;140;0 FF8C00  
DarkOrange1 255;127;0 FF7F00  
DarkOrange2 238;118;0 EE7600  
DarkOrange3 205;102;0 CD6600  
DarkOrange4 139;69;0 8B4500  
DarkSalmon 233;150;122 E9967A  
LightCoral 240;128;128 F08080  
LightSalmon 255;160;122 FFA07A  
LightSalmon1 255;160;122 FFA07A  
LightSalmon2 238;149;114 EE9572  
LightSalmon3 205;129;98 CD8162  
LightSalmon4 139;87;66 8B5742  
PeachPuff 255;218;185 FFDAB9  
PeachPuff1 255;218;185 FFDAB9  
PeachPuff2 238;203;173 EECBAD  
PeachPuff3 205;175;149 CDAF95  
PeachPuff4 139;119;101 8B7765  
bisque 255;228;196 FFE4C4  
bisque1 255;228;196 FFE4C4  
bisque2 238;213;183 EED5B7  
bisque3 205;183;158 CDB79E  
bisque4 139;125;107 8B7D6B  
coral 255;127;80 FF7F50  
coral1 255;114;86 FF7256  
coral2 238;106;80 EE6A50  
coral3 205;91;69 CD5B45  
coral4 139;62;47 8B3E2F  
honeydew 240;255;240 F0FFF0  
honeydew1 240;255;240 F0FFF0  
honeydew2 224;238;224 E0EEE0  
honeydew3 193;205;193 C1CDC1  
honeydew4 131;139;131 838B83  
orange 255;165;0 FFA500  
orange1 255;165;0 FFA500  
orange2 238;154;0 EE9A00  
orange3 205;133;0 CD8500  
orange4 139;90;0 8B5A00  
salmon 250;128;114 FA8072  
salmon1 255;140;105 FF8C69  
salmon2 238;130;98 EE8262  
salmon3 205;112;84 CD7054  
salmon4 139;76;57 8B4C39  
sienna 160;82;45 A0522D  
sienna1 255;130;71 FF8247  
sienna2 238;121;66 EE7942  
sienna3 205;104;57 CD6839  
sienna4 139;71;38 8B4726  

Shades of Red
색 이름 R/G/B 16진수 색상 예
DeepPink 255;20;147 FF1493  
DeepPink1 255;20;147 FF1493  
DeepPink2 238;18;137 EE1289  
DeepPink3 205;16;118 CD1076  
DeepPink4 139;10;80 8B0A50  
HotPink 255;105;180 FF69B4  
HotPink1 255;110;180 FF6EB4  
HotPink2 238;106;167 EE6AA7  
HotPink3 205;96;144 CD6090  
HotPink4 139;58;98 8B3A62  
IndianRed 205;92;92 CD5C5C  
IndianRed1 255;106;106 FF6A6A  
IndianRed2 238;99;99 EE6363  
IndianRed3 205;85;85 CD5555  
IndianRed4 139;58;58 8B3A3A  
LightPink 255;182;193 FFB6C1  
LightPink1 255;174;185 FFAEB9  
LightPink2 238;162;173 EEA2AD  
LightPink3 205;140;149 CD8C95  
LightPink4 139;95;101 8B5F65  
MediumVioletRed 199;21;133 C71585  
MistyRose 255;228;225 FFE4E1  
MistyRose1 255;228;225 FFE4E1  
MistyRose2 238;213;210 EED5D2  
MistyRose3 205;183;181 CDB7B5  
MistyRose4 139;125;123 8B7D7B  
OrangeRed 255;69;0 FF4500  
OrangeRed1 255;69;0 FF4500  
OrangeRed2 238;64;0 EE4000  
OrangeRed3 205;55;0 CD3700  
OrangeRed4 139;37;0 8B2500  
PaleVioletRed 219;112;147 DB7093  
PaleVioletRed1 255;130;171 FF82AB  
PaleVioletRed2 238;121;159 EE799F  
PaleVioletRed3 205;104;137 CD6889  
PaleVioletRed4 139;71;93 8B475D  
VioletRed 208;32;144 D02090  
VioletRed1 255;62;150 FF3E96  
VioletRed2 238;58;140 EE3A8C  
VioletRed3 205;50;120 CD3278  
VioletRed4 139;34;82 8B2252  
firebrick >178;34;34 B22222  
firebrick1 255;48;48 FF3030  
firebrick2 238;44;44 EE2C2C  
firebrick3 205;38;38 CD2626  
firebrick4 139;26;26 8B1A1A  
pink 255;192;203 FFC0CB  
pink1 255;181;197 FFB5C5  
pink2 238;169;184 EEA9B8  
pink3 205;145;158 CD919E  
pink4 139;99;108 8B636C  
red 255;0;0 FF0000  
red1 255;0;0 FF0000  
red2 238;0;0 EE0000  
red3 205;0;0 CD0000  
red4 139;0;0 8B0000  
tomato 255;99;71 FF6347  
tomato1 255;99;71 FF6347  
tomato2 238;92;66 EE5C42  
tomato3 205;79;57 CD4F39  
tomato4 139;54;38 8B3626  

Shades of Violet
색 이름 R/G/B 16진수 색상 예
DarkOrchid 153;50;204 9932CC  
DarkOrchid1 191;62;255 BF3EFF  
DarkOrchid2 178;58;238 B23AEE  
DarkOrchid3 154;50;205 9A32CD  
DarkOrchid4 104;34;139 68228B  
DarkViolet 148;0;211 9400D3  
LavenderBlush 255;240;245 FFF0F5  
LavenderBlush1 255;240;245 FFF0F5  
LavenderBlush2 238;224;229 EEE0E5  
LavenderBlush3 205;193;197 CDC1C5  
LavenderBlush4 139;131;134 8B8386  
MediumOrchid 186;85;211 BA55D3  
MediumOrchid1 224;102;255 E066FF  
MediumOrchid2 209;95;238 D15FEE  
MediumOrchid3 180;82;205 B452CD  
MediumOrchid4 122;55;139 7A378B  
MediumPurple 147;112;219 9370DB  
MediumPurple1 171;130;255 AB82FF  
MediumPurple2 159;121;238 9F79EE  
MediumPurple3 137;104;205 8968CD  
MediumPurple4 93;71;139 5D478B  
lavender 230;230;250 E6E6FA  
magenta 255;0;255 FF00FF  
magenta1 255;0;255 FF00FF  
magenta2 238;0;238 EE00EE  
magenta3 205;0;205 CD00CD  
magenta4 139;0;139 8B008B  
maroon 176;48;96 B03060  
maroon1 255;52;179 FF34B3  
maroon2 238;48;167 EE30A7  
maroon3 205;41;144 CD2990  
maroon4 139;28;98 8B1C62  
orchid 218;112;214 DA70D6  
orchid1 255;131;250 FF83FA  
orchid2 238;122;233 EE7AE9  
orchid3 205;105;201 CD69C9  
orchid4 139;71;137 8B4789  
plum 221;160;221 DDA0DD  
plum1 255;187;255 FFBBFF  
plum2 238;174;238 EEAEEE  
plum3 205;150;205 CD96CD  
plum4 139;102;139 8B668B  
purple 160;32;240 A020F0  
purple1 155;48;255 9B30FF  
purple2 145;44;238 912CEE  
purple3 125;38;205 7D26CD  
purple4 85;26;139 551A8B  
thistle 216;191;216 D8BFD8  
thistle1 255;225;255 FFE1FF  
thistle2 238;210;238 EED2EE  
thistle3 205;181;205 CDB5CD  
thistle4 139;123;139 8B7B8B  
violet 238;130;238 EE82EE  

HTML 태그 명령어 모음

문서의 기본 구조를 나타내 주는 태그

<HTML>

<HTML>...

HTML 언어로 작성되어 있다는 것을 알려줍니다.

<HEAD>

<HEAD>...

Heading의 준말로 글의 머리말에 해당합니다.

<BODY>

<BODY>...

본문에 해당하는 부분을 알려줍니다.

<TITLE>

<TITLE>...

타이틀바에 새겨질 글자를 정의합니다.

<Hn>

<Hn>...

표제 부분에 들어갈 말을 정의합니다. 1~6까지의 숫자를 사용하고 숫자가 커질수록 표제는 작아집니다. 기본값은 H4입니다.

<!-...->

<!-주석내용->

주석을 달거나 잠시동안 이미지를 보이지 않게 할 때 사용합니다.

문단 혹은 줄을 바꾸는 태그

<P>

<P>

문단을 바꾸는 태그입니다. 줄바꿈과 동시에 줄을 띤 것같은 효과가 나타납니다.

<BR>

<BR>

문단을 바꾸는 태그입니다. 줄바꿈의 역할만을 수행합니다.

<PRE>

<PRE>...

여백이나 줄간격 등을 고정시켜 주는 역할을 합니다.

글자의 크기를 마음대로 조절하는 태그

<FONT>

<FONT SIZE=n>

...

글자의 크기를 마음대로 조절해 줍니다. 뒤의 숫자는 1~7이며 7이 가장 큰 크기입니다. 기본값은 3입니다.

선그리기 태그

<HR>

<HR ALIGN=

WIDTH= SIZE=>

입체적인 선을 그려줍니다. ALIGN은 선의 정렬을, WIDTH는 선의 폭을, SIZE는 선의 높이를 정해줍니다.

이미지 맵을 처리하는 태그

<ISMAP>

<IMG SRC=

"..." ISMAP>

이미지맵을 정의합니다.

<MAP>

<MAP NAME=...>

...

넷스케이프2.0에서 이미지맵을 정의합니다.

목록을 정리해 주는 태그

<LI>

<UL>...

순서가 없는 목록으로 일반적인 나열을 말합니다.

<OL>...

순서가 있는 목록으로 위에서부터 번호를 매깁니다.

<MENU>...

메뉴 목록으로 그리길지 않은 문장의 열거에 사용합니다.

<DIR>...

디렉토리 목록으로 메뉴 목록보다 짧은 문장을 나열합니다,

<DL>...

정의 목록 태그입니다.

  • 가 아닌
를 사용합니다.

문서를 가운데로 정렬시켜 주는 태그

<CENTER>

<CENTER>...

</CENTER>

전체 문장을 가운데로 정렬시켜 줍니다.

인용하기 태그

<BLOCKQUOTE>

<BLOCKQUOTE>...

</BLOCKQUOTE>

문장 내에서 인용을 할 경우 들여쓰기를 한 후 인용구로 처리합니다.


글자의 모양을 정의해 주는 태그

<STRONG>

<STRONG>...

굵은 글씨를 나타내 주는 태그입니다.

<B>

<B>...

<EM>

<EM>...

이탤릭체의 글씨를 나타내 주는 태그입니다.

<I>

<I>...

<KBD>

<KBD>...

타자기체의 글씨를 나타내 주는 태그입니다.

<CODE>

<CODE>...

<TT>

<TT>...

배경 이미지 작업하기

<BODY>

<BODY

BACKGROUND="...">

배경 이미지를 띄워줍니다.

<BODY

BGCOLOR="#nnnnnn">

배경 색깔을 지정해 줍니다.

그밖의 태그들

<DFN>

<DFN>...

정의되어지는 단어에 대한 것을 말합니다.

<CITE>

<CITE>...

책이나 사진 등의 제목을 말할 때 쓰입니다.

<SAMP>

<SAMP>...

컴퓨터상에 메시지를 나탈낼 때 쓰입니다.

<VAR>

<VAR>...

이탤릭체로 표현됩니다.

<SUB>

<SUB>...

첨자에 관한 태그입니다.

<SUP>

<SUP>...

윗첨자를 나타냅니다.

<BASEPOINT>

<BASEPOINT>...

<BASEPOINT>

기본적으로 미리 약속된 크기를 다시 정할 때 사용합니다.

부분을 강조해 주는 태그

<BLINK>

<BLINK>...

글자를 깜박이게 해줍니다.

<U>

<U>...

글자에 밑줄을 그어줍니다.

연결하기 태그

<A>

<A HREF="...">

...

다른 홈페이지와 연결시켜 줍니다.

<A NAME="...">

...

자신의 홈페이지 내에서 연결해 줍니다.

주소 편지 서비스

<ADDRESS>

<ADDRESS>...

</ADDRESS>

주소에 대한 정의를 내려줍니다.

<MAILTO>

<A HREF="MAILTO...">

편지쓰기 창을 띄워 줍니다.

색상 지정하기

<BODY>

<BODY TEXT=

"#nnnnnn">...

글자색을 지정합니다.

<BODY LINK=

"#nnnnnn">...

하이퍼링크의 색을 지정합니다.

<BODY VLINK=

"#nnnnnn">...

한 번 누른적이 있는 하이퍼링크의 색을 지정합니다.

<BODY ALINK=

"#nnnnnn">...

누르고 있는 동안의 색을 지정합니다.

만들기 태그

<TABLE>

<TABLE BORDER>...

</TABLE>

표의 전체 형식을 나타냅니다.

<TR>

표 내부에 들어갈 형식을 정의합니다.

<TD COLSPAN=n>

가로칸을 n만큼 합쳐줍니다.

<TD ROWSPAN=n>

세로칸을 n만큼 합쳐줍니다.

<TD ALIGN=...>

표안의 좌우 정렬 방식을 정의합니다.

<TD VALIGN=...>

표안의 상하 정렬 방식을 정의합니다.



문서를 임의고 고정시키는 태그

<NOBR>

<NOBR>...

화면 크기에 따라 문단이 바뀌는 것을 방지합니다.

<WBR>

<WBR>...

위의 태그 안에서 문단을 바꿀 때 사용합니다.

CGI 양식 첨가하기

<FORM>

<FORM>...

양식을 정의합니다.

<FORM METHOD="..."

ACTION="...">

양식의 방법을 정의합니다.

<TEXTAREA>

<TEXTAREA NAME="..."

ROWS="...">

글틀 상자를 정의합니다.

<INPUT>

<INPUT TYPE="...">

어떤 형태로 입력할 것인지를 정의합니다.

<INPUT TYPE="RADIO">

라디오 단추를 만들어줍니다.

<INPUT TYPE=

"CHECKBOX">

체크 상자를 만들어 줍니다.

<INPUT TYPE=

"SUBMIT">

제출 버튼을 만들어 줍니다.

<INPUT TYPE="RESET">

취소 버튼을 만들어 줍니다.

<SELECT>

<SELECT NAME="...">

선택 사항 상자를 만들어 줍니다.

창만들기 태그

<FRAME>

<FRAMESET>...

</FRAMESET>

창의 기본 틀을 지정합니다.

<FRAMESET ROW=

"숫자 혹은 %">

위 아래로 나눠줍니다.

<FRAMESET COLS=

"숙자 혹은 %">

좌우로 나눠줍니다.

<FRAME SRC="..."

MARGINWIDTH="...">

창에 들어갈 좌우 여백을 정의합니다.

<FRAME SRC="..."

MARGINHEIGHT="...">

창에 들어갈 상하 여백을 정의합니다.

<FRAME SCROLLING=

"...>

스크롤바를 설정해 줍니다.

<NOFRAMES>...

</NOFRAMES>

프레임이 안보이게 해줍니다.

이미지 다루기에 필요한 태그

<IMG>

<IMG SRC="...">

이미지를 정의해 줍니다.

<IMG SRC="..."

ALIGN=...>

이미지의 정렬 상태를 나타내 줍니다.

<IMG SRC="..."

WIDTH="..."

HEIGHT="...">

이미지의 크기를 조절해 줍니다.

<IMG SRC="..."

LOWSRC="...">

이미지를 JPEG파일로 나타내 줍니다.

<IMG SRC="..."

VSPACE= HSPACE=>

이미지의 여백을 조절해 줍니다.

<IMG SRC="..."

BORDER="...">

이미지의 태두리선을 조절합니다.

<IMG SRC="..."

ALT="...">

이미지가 전송되지 않았을 경우에 글자로 대처해 줍니다.

HTML 태그 명령어 모음

문서의 기본 구조를 나타내 주는 태그

<HTML>

<HTML>...

HTML 언어로 작성되어 있다는 것을 알려줍니다.

<HEAD>

<HEAD>...

Heading의 준말로 글의 머리말에 해당합니다.

<BODY>

<BODY>...

본문에 해당하는 부분을 알려줍니다.

<TITLE>

<TITLE>...

타이틀바에 새겨질 글자를 정의합니다.

<Hn>

<Hn>...

표제 부분에 들어갈 말을 정의합니다. 1~6까지의 숫자를 사용하고 숫자가 커질수록 표제는 작아집니다. 기본값은 H4입니다.

<!-...->

<!-주석내용->

주석을 달거나 잠시동안 이미지를 보이지 않게 할 때 사용합니다.

문단 혹은 줄을 바꾸는 태그

<P>

<P>

문단을 바꾸는 태그입니다. 줄바꿈과 동시에 줄을 띤 것같은 효과가 나타납니다.

<BR>

<BR>

문단을 바꾸는 태그입니다. 줄바꿈의 역할만을 수행합니다.

<PRE>

<PRE>...

여백이나 줄간격 등을 고정시켜 주는 역할을 합니다.

글자의 크기를 마음대로 조절하는 태그

<FONT>

<FONT SIZE=n>

...

글자의 크기를 마음대로 조절해 줍니다. 뒤의 숫자는 1~7이며 7이 가장 큰 크기입니다. 기본값은 3입니다.

선그리기 태그

<HR>

<HR ALIGN=

WIDTH= SIZE=>

입체적인 선을 그려줍니다. ALIGN은 선의 정렬을, WIDTH는 선의 폭을, SIZE는 선의 높이를 정해줍니다.

이미지 맵을 처리하는 태그

<ISMAP>

<IMG SRC=

"..." ISMAP>

이미지맵을 정의합니다.

<MAP>

<MAP NAME=...>

...

넷스케이프2.0에서 이미지맵을 정의합니다.

목록을 정리해 주는 태그

<LI>

<UL>...

순서가 없는 목록으로 일반적인 나열을 말합니다.

<OL>...

순서가 있는 목록으로 위에서부터 번호를 매깁니다.

<MENU>...

메뉴 목록으로 그리길지 않은 문장의 열거에 사용합니다.

<DIR>...

디렉토리 목록으로 메뉴 목록보다 짧은 문장을 나열합니다,

<DL>...

정의 목록 태그입니다.

  • 가 아닌
를 사용합니다.

문서를 가운데로 정렬시켜 주는 태그

<CENTER>

<CENTER>...

</CENTER>

전체 문장을 가운데로 정렬시켜 줍니다.

인용하기 태그

<BLOCKQUOTE>

<BLOCKQUOTE>...

</BLOCKQUOTE>

문장 내에서 인용을 할 경우 들여쓰기를 한 후 인용구로 처리합니다.


글자의 모양을 정의해 주는 태그

<STRONG>

<STRONG>...

굵은 글씨를 나타내 주는 태그입니다.

<B>

<B>...

<EM>

<EM>...

이탤릭체의 글씨를 나타내 주는 태그입니다.

<I>

<I>...

<KBD>

<KBD>...

타자기체의 글씨를 나타내 주는 태그입니다.

<CODE>

<CODE>...

<TT>

<TT>...

배경 이미지 작업하기

<BODY>

<BODY

BACKGROUND="...">

배경 이미지를 띄워줍니다.

<BODY

BGCOLOR="#nnnnnn">

배경 색깔을 지정해 줍니다.

그밖의 태그들

<DFN>

<DFN>...

정의되어지는 단어에 대한 것을 말합니다.

<CITE>

<CITE>...

책이나 사진 등의 제목을 말할 때 쓰입니다.

<SAMP>

<SAMP>...

컴퓨터상에 메시지를 나탈낼 때 쓰입니다.

<VAR>

<VAR>...

이탤릭체로 표현됩니다.

<SUB>

<SUB>...

첨자에 관한 태그입니다.

<SUP>

<SUP>...

윗첨자를 나타냅니다.

<BASEPOINT>

<BASEPOINT>...

<BASEPOINT>

기본적으로 미리 약속된 크기를 다시 정할 때 사용합니다.

부분을 강조해 주는 태그

<BLINK>

<BLINK>...

글자를 깜박이게 해줍니다.

<U>

<U>...

글자에 밑줄을 그어줍니다.

연결하기 태그

<A>

<A HREF="...">

...

다른 홈페이지와 연결시켜 줍니다.

<A NAME="...">

...

자신의 홈페이지 내에서 연결해 줍니다.

주소 편지 서비스

<ADDRESS>

<ADDRESS>...

</ADDRESS>

주소에 대한 정의를 내려줍니다.

<MAILTO>

<A HREF="MAILTO...">

편지쓰기 창을 띄워 줍니다.

색상 지정하기

<BODY>

<BODY TEXT=

"#nnnnnn">...

글자색을 지정합니다.

<BODY LINK=

"#nnnnnn">...

하이퍼링크의 색을 지정합니다.

<BODY VLINK=

"#nnnnnn">...

한 번 누른적이 있는 하이퍼링크의 색을 지정합니다.

<BODY ALINK=

"#nnnnnn">...

누르고 있는 동안의 색을 지정합니다.

만들기 태그

<TABLE>

<TABLE BORDER>...

</TABLE>

표의 전체 형식을 나타냅니다.

<TR>

표 내부에 들어갈 형식을 정의합니다.

<TD COLSPAN=n>

가로칸을 n만큼 합쳐줍니다.

<TD ROWSPAN=n>

세로칸을 n만큼 합쳐줍니다.

<TD ALIGN=...>

표안의 좌우 정렬 방식을 정의합니다.

<TD VALIGN=...>

표안의 상하 정렬 방식을 정의합니다.



문서를 임의고 고정시키는 태그

<NOBR>

<NOBR>...

화면 크기에 따라 문단이 바뀌는 것을 방지합니다.

<WBR>

<WBR>...

위의 태그 안에서 문단을 바꿀 때 사용합니다.

CGI 양식 첨가하기

<FORM>

<FORM>...

양식을 정의합니다.

<FORM METHOD="..."

ACTION="...">

양식의 방법을 정의합니다.

<TEXTAREA>

<TEXTAREA NAME="..."

ROWS="...">

글틀 상자를 정의합니다.

<INPUT>

<INPUT TYPE="...">

어떤 형태로 입력할 것인지를 정의합니다.

<INPUT TYPE="RADIO">

라디오 단추를 만들어줍니다.

<INPUT TYPE=

"CHECKBOX">

체크 상자를 만들어 줍니다.

<INPUT TYPE=

"SUBMIT">

제출 버튼을 만들어 줍니다.

<INPUT TYPE="RESET">

취소 버튼을 만들어 줍니다.

<SELECT>

<SELECT NAME="...">

선택 사항 상자를 만들어 줍니다.

창만들기 태그

<FRAME>

<FRAMESET>...

</FRAMESET>

창의 기본 틀을 지정합니다.

<FRAMESET ROW=

"숫자 혹은 %">

위 아래로 나눠줍니다.

<FRAMESET COLS=

"숙자 혹은 %">

좌우로 나눠줍니다.

<FRAME SRC="..."

MARGINWIDTH="...">

창에 들어갈 좌우 여백을 정의합니다.

<FRAME SRC="..."

MARGINHEIGHT="...">

창에 들어갈 상하 여백을 정의합니다.

<FRAME SCROLLING=

"...>

스크롤바를 설정해 줍니다.

<NOFRAMES>...

</NOFRAMES>

프레임이 안보이게 해줍니다.

이미지 다루기에 필요한 태그

<IMG>

<IMG SRC="...">

이미지를 정의해 줍니다.

<IMG SRC="..."

ALIGN=...>

이미지의 정렬 상태를 나타내 줍니다.

<IMG SRC="..."

WIDTH="..."

HEIGHT="...">

이미지의 크기를 조절해 줍니다.

<IMG SRC="..."

LOWSRC="...">

이미지를 JPEG파일로 나타내 줍니다.

<IMG SRC="..."

VSPACE= HSPACE=>

이미지의 여백을 조절해 줍니다.

<IMG SRC="..."

BORDER="...">

이미지의 태두리선을 조절합니다.

<IMG SRC="..."

ALT="...">

이미지가 전송되지 않았을 경우에 글자로 대처해 줍니다.

원본: 현정이 2007/09/15 오 전 1:11 | ▶ 아름다운 글 올리는방법

☞(W.따라해 봅시다) : HTML 태그중에 사진위에 글자를 써 넣을 수 있는 HTML 태그가 있는지 말씀을 하셔서, 하나 준비해 봅니다..

이 블로그 첫페이지로.. 이 블로그 구성설명 야후계정 로그인 없이도 질문/답변 코멘트하실때.. 방명록 및 문답실 독자와의 대화방  --
목차 보기 공지사항 블로그 노하우 트랙백 토론실 컴맹탈출 팁 구독자 전용실 최근 답글(코멘트) 내 블로그 링크 블로그 HTML 관리 자매클럽 아직 기능없슴  --

▣ 사진위에 글을 쓰는 방법

버들피리 님께서 혼자 HTML 공부하시느라 여념이 없으시길레, 궁금한게 무엇인지 여쭤 봤더니, 사진위에 글쓰는 방법이 뭔가 질문을 주셨네요.

인터넷에서 사진과 글자는 서로 다른것이지요.
흔히 글자로 된 내용을 "텍스트(TEXT)" 라고 하는데, .GIF 나 .JPG 등의 사진이나 그림은 이와는 조금 다르게 취급됩니다.

1) 일단은 사진위에 글을 "그리면" 원하시는 결과를 얻을수 있습니다.
- 흔히 "그림판" 이라고 하는 것들이 TEXT 넣기 기능이 다 있기 때문에, 그림위에 글자를 그리면 간단히 해결되는데, 문제는 그림은 복사 붙여넣기... 이런식으로 해도 그림 그 자체일뿐, 아래한글이나 워드로 가져가서 쓴다거나, 또는 나중에 서체를 변경한다거나 하는 일이 불가능하죠. 그야말로 그림일뿐.


2) 사진을 따로 준비하고, 그 사진을 보여주면서 그위에 글자들이 얹히도록 하는 테크닉을 쓰면, 비슷한 효과를 얻을수 있습니다. 이렇게 써 넣은 글자들은 복사해서 붙여넣기 하면, 글자들만 따로 뽑아내지기 때문에, 나중에 글꼴도 변경할 수 있고, 색깔도 변경할 수 있는등... 여러가지 면에서 이 방식이 널리 사용되죠.






SAMPLE

이 그림을 보시죠.
그림안에 글이 들어있기는 하지만, 그림이랑 "합체" 가 되어서, 이미 글이라기 보다는 그림의 일부라고 해야겠지요. 저 글을 나중에 고칠수도 색깔을 바꿀수도 없습니다.

야후에서 좋은일을 하고 있네요..

그렇다면 이번엔,
그림처럼 사진안에 "글을 그려" 합체시키지 않고, 사진을 배경으로 사용하면서 TEXT 상태로 글을 사진위에 단순히 얹어놓는 방법을 보기로 할까요 ?
( 이전에 관련링크"표그리기" 쪽에서 한번 다루어진 내용이지만 ^^ )




<TABLE> 태그를 이용한, 사진위에 글쓰기  

-= IMAGE 3 =-. 사진 or 그림을 블로그에 미리 첨부해 둔다
그 위에 글을 쓸 사진이나 그림을 찾아보기해서 블로그에 첨부해 넣습니다.
- 이때, 별도의 비공개 폴더를 만들어 그쪽에 사진만 따로 첨부해 놓고,
   그 사진의 URL 주소를 알아와서  쓸 수도 있고,
- 야후 편집기로 사진을 첨부해서 저장하고, 곧바로 그 글을 수정하면서,
  HTML 소스편집 아이콘을 눌러, 사진이 표시된 부근의 HTML 만 수정하여
  쓸 수도 있습니다.
( 직접 둘다 해보시길 .. )

  오래된 사진첩에서 한, 전우의 사진을 예제로 들어보겠습니다.^^
 
   ( 사진의 출처 : 노루만디 戰史 자료집 - 요원은 본디 저렇게 안경처리함)





-= IMAGE 4 =-. 사진위에서 마우스 오른쪽 단추를 눌러, 속성보기를 한다
사진이 인터넷에 저장되면, 속성보기를 해서, 저장된 사진의
가로세로 크기를 따로 알아 놓고, URL 을 마우스로 긁어 복사합니다.
( 인터넷에서 복사하는 방법은 관련링크복사하기-붙여넣기에서 설명되었죠 )

-= IMAGE 10 =-

인터넷에 저장된 사진의 URL 과 가로 x 세로 크기를 알면,
모든 작업은 끝난것이나 마찬가지 입니다.






-= IMAGE 5 =-. 사진의 크기에 꼭맞는 표를 그리고, 그 배경으로 사진을 지정한다.
표 안에는 글을 쓸 수 있으므로, 그점을 이용하는 것이죠. 
야후블로그 글쓰기화면의 편집기 창에서 글을 쓸 때.
사진의 크기와 꼭 같은 크기의 표를 나타내는 HTML 태그를 써넣고,
그 BackGround 로 사진의 URL 을 지정해 주면 되겠죠.


...어쩌구
...저쩌구
<BODY style="FONT-SIZE: 10pt; FONT-FAMILY: 굴림">

<TABLE border=0 cellspacing=0 cellpadding=0>
<TBODY>
<TR>
         <TD Width=가로크기 Height=세로크기 Background=사진의 URL >
          글쓰는 자리...
         </TD>
</TR>
</TBODY>
</TABLE>

</BODY></HTML>

( HTML 태그는 대소문자와 한자이상 띄워쓰기를 구분하지 않습니다 )

가로크기,세로크기,사진의 URL 자리에 위에서 적어논 값을 넣고,
글을 일단 저장합니다.

이렇게 저장된 글을 다시 수정하기 해서,
글쓰는 자리 쪽에 적당히 글을 채워넣고, 일반 편집기에서 글 쓰듯이,
글자 색상을 주고, 크기를 바꾸고...등등등 의 작업을 하시면 되겠죠 ^^



이상의 방법으로, 직접 샘플을 하나 작성해 보겠습니다.
위에서 설명된 그대로 이고, 글을 꾸미기 위해 색상을 주고, 굵기를 조절하고, 
<MARQUEE> 태그까지 넣어서 글을 움직이게까지 해보면,


노루만디 상륙가.  

마스크ed로그   

Floats and the  
airplane which floats.  
Fly fly  
height height fly  
our airplane  
...   


이렇게 되겠죠 ?
다른분들도 직접 한번 해보시기들 ...

[[ 끝 ^^ ]]
ː

00/00 후기


[이글의 원본위치는 :폴더 W. 따라해 봅시다]

- 마스크ed로그

이글에 대한 참고사항이 있으시면 -> TrackBack 참조글로, 작성 환영 ! 
그리고 블로거 분들의 의견, 답글 등은 -> 아래 답글쓰기 란에 ...
기타질문이나 비로그인 글쓰기 등은 -> [자유게시판] '글쓰기' 에서 ..

PS:.

+ Recent posts