<marquee width=10 loop=1
omfinish=window.open('http://www.naver.com','_new','width=200,height=200');></marquee>
 
onfinish 부분이(n을 m으로) 바뀌어 버리네요.
복사해서 붙여 넣으실 때 수정해 주셔야 겠네요.
 
추가 옵션 부분에 더 넣을 수 있는 내용들은 많은데 흔히 사용하는 것으로..
 
left=픽셀 화면의 왼쪽 모서리 기준으로 창의 왼쪽 모서리 위치
top=픽셀 화면의 상단 기준으로 창의 상단 끝 위치
titlebar=yes, no  타이틀바를 보여줄지 여부
toolbar=yes, no 툴바를 보여줄 지 여부
location=yes, no 주소창을 보여줄 지 여부
directories=yes, no 디렉토리(연결 에 해당되는 아이콘 메뉴)를 보여줄 지 여부
status=yes, no 하단 Status Bar를 보여줄 지 여부
menubar=yes, no 메뉴바를 보여줄 지 여부
scrollbars=yes, no 스크롤기능을 사용할 지 여부
resizable=yes, no 창의 크기를 조절할 수 있게 할 지 여부
 
등 입니다. 각각의 기능은 콤마(,)로 구분해 주면 됩니다.
 


Posted by ケイ君
Ⅱ。PC관련/2。HTML2017. 1. 2. 17:55
기본적인 것부터 진행하겠습니다.
누구나 다 아는 것이겠지만 누구나 모르는 것일 수도 있습니다.
천천히 즐겨주시기 바랍니다.
 
메모장을 오픈합니다.
 
〈html〉
〈head〉〈title〉삽입하고 싶은 제목〈/title〉〈/head〉
〈/html〉
 
이렇게 위와 같은 내용을 삽입한 후 저장할 때 다음과 같이 저장을 합니다.
메모장 저장 페이지에서 "파일형식"을 "모든파일"로 선택 후
"파일이름"은 "*.html"로 변경해 줍니다.
여기서 위의 "*"은 본인이 넣고 싶은 이름으로 지정해줍니다.
 
이제 웹페이지에 제목을 삽입하였습니다.
다음은 페이지 색 지정을 하겠습니다.
 
 
作成者:ケイ君


'Ⅱ。PC관련 > 2。HTML' 카테고리의 다른 글

[티스토리]카테고리 펼쳐보기。  (0) 2017.01.06
[HTML]글자 색상표  (0) 2017.01.02
[HTML]스크롤바 색상표  (0) 2017.01.02
[HTML]배경 색상표 2  (0) 2017.01.02
[HTML]배경 색상표  (0) 2017.01.02
Posted by ケイ君
Ⅱ。PC관련/2。HTML2017. 1. 2. 17:52
다음은 글씨의 색상표입니다.
 
 
 2f4f4f darkslategray 어두운푸른빛회색
 708090 slategray 푸른빛회색
 778899 lightslategray 밝은푸른빛회색
 696969 dimgray 칙칙한회색
 808080 gray 회색
 a9a9a9 darkgray 어두운회색
 c0c0c0 silver 은색
 d3d3d3 lightgrey 밝은회색
 dcdcdc gainsboro
 ffffff white 백색
 fff5ee seashell 바다조가비
 fffafa snow 설백
 f8f8ff ghostwhite 허깨비백색
 fffaf0 floralwhite 꽃의백색
 f5f5f5 whitesmoke 백색연기
 f0f8ff aliceblue 엷은잿빛바탕에푸른빛
 f0ffff azure 하늘색
 fdf5e6 oldlace 낡은끈
 f5fffa mintcream 박하크림
 ffefd5 papayawhip 열대아메리카산과수매질
 ffdab9 peachpuff 복숭아빛불기
 faf0e6 linen 리넨
 eee8aa palegoldenrod 옅은국화과의다년초
 ffe4e1 mistyrose 짙은장미빛
 ffe4b5 moccasin 사슴가죽의구두
 ffdead navajowhite 나바호족백색
 d2b48c tan 볕에탄빛깔
 f5deb3 wheat 밀
 fafad2 lightgoldenrodyellow 밝은국화과다년초노랑
 ffffe0 lightyellow 밝은노랑
 fff8dc cornsilk 옥수수명주실
 faebd7 antiquewhite 옛날의백색
 f5f5dc beige 엷은갈색
 fffacd lemonchiffon 레몬빛가볍고얇은직물
 fffff0 ivory 상앗빛
 f0e68c khaki 누른빛에엷은다색이섞인빛깔
 e6e6fa lavender 연한자주색
 fff0f5 lavenderblush 연한자주빛붉기
 ffe4c4 bisque 분홍빛이도는검은빛을띤누른빛
 ffebcd blanchedalmond 희어진엷은황갈색
 deb887 burlywood 튼튼한목재
 cd853f peru 남미서부의공화국
 00ced1 darkturquoise 어두운푸른빛녹색
 00bfff deepskyblue 짙은하늘파랑
 7fffd4 aquamarine 엷은푸른빛녹색
 1e90ff dodgerblue옥수수빵파랑
 00ffff cyan 푸른정도
 f0fff0 honeydew 식물의잎에서나는단물
 87cefa lightskyblue 밝은하늘파랑
 afeeee paleturquoise 옅은푸른빛녹
 e0ffff lightcyan 밝은푸른정도
 add8e6 lightblue 밝은파랑
 b0c4de lightsteelblue 밝은철강빛파랑
 40e0d0 turquoise 푸른빛녹색
 48d1cc mediumturquoise 중간의푸른빛녹색
 00ffff aqua 엷은푸른빛녹색
 7b68ee mediumslateblue 중푸른빛회색파랑
 191970 midnightblue 깜깜한파랑
 6495ed cornflowerblue 옥수수꽃파랑
 0000cd mediumblue 중간의파랑
 6a5acd slateblue 푸른빛회색파랑
 4682b4 steelblue 철강빛파랑
 0000ff blue 파랑
 483d8b darkslateblue 어두운푸른빛회색파랑
 5f9ea0 cadetblue 이하의파랑
 87ceeb skyblue 하늘파랑
 4169e1 royalblue 황실의파랑
 b0e0e6 powderblue 가루파랑
 000080 navy 짙은검은빛을띤남빛
 00008b darkblue 어두운파랑
 8a2be2 blueviolet 파란제비꽃색
 8b008b darkmagenta 어두운짙은분홍색
 9932cc darkorchid 어두운연보라색
 9400d3 darkviolet 어두운제비꽃색
 ff00ff magenta 짙은분홍색
 ff00ff fuchsia 붉은빛깔이나는자줏빛
 c71585 mediumvioletred 중제비꽃빨강
 ba55d3 mediumorchid 중간의연보라색
 9370db mediumpurple 중간의자줏빛
 dc143c crimson 짙게붉은색깔
 ff1493 deeppink 짙은연분홍색
 ffb6c1 lightpink 밝은연분홍색
 ff69b4 hotpink 강렬한연분홍색
 ffc0cb pink 연분홍색
 dda0dd plum 짙은 보라색
 800080 purple 자줏빛
 ee82ee violet 제비꽃색
 d8bfd8 thistle 엉겅퀴
 da70d6 orchid 연보라색
 4b0082 indigo 남색
 a52a2a brown 갈색
 e9967a darksalmon 어두운주황색
 f08080 lightcoral 밝은산호빛
 cd5c5c indianred 인디언빨강
 ffa07a lightsalmon 밝은주황색
 db7093 palevioletred 옅은제비꽃빨강
 f4a460 sandybrown 엷은갈색
 fa8072 salmon 주황색
 ff6347 tomato 토마토색
 ff4500 orangered 오랜지레드
 ff0000 red 빨강
 800000 maroon 붉은빛을띤갈색
 8b0000 darkred 어두운빨강
 b22222 firebrick 내화
 d2691e chocolate 갈색
 8b4513 saddlebrown 안장갈색
 a0522d sienna 붉은빛을띤갈색
 bc8f8f rosybrown 장미빛갈색
 ff7f50 coral 산호빛
 ff8c00 darkorange 어두운붉은빛을띤누른색
 ffa500 orange 붉은빛을띤누른색
 b8860b darkgoldenrod 어둔운국화과의다년초
 ffd700 gold 금빛
 ffff00 yellow 노랑
 7fff00 chartreuse 연두색
 7cfc00 lawngreen 잔디녹색
 00ff00 lime 열대산의레몬비슷한과일
 32cd32 limegreen 라임녹색
 00ff7f springgreen 봄녹색
 3cb371 mediumseagreen 중간의바다녹색
 adff2f greenyellow 녹색의노랑
 8fbc8f darkseagreen 어두운바다녹색
 90ee90 lightgreen 밝은녹색
 98fb98 palegreen 옅은녹색
 9acd32 yellowgreen 황녹색
 2e8b57 seagreen 바다녹색
 00fa9a mediumspringgreen 중봄녹색
 20b2aa lightseagreen 밝은바다녹색
 66cdaa mediumaquamarine 중엷은청록색
 228b22 forestgreen 숲녹색
 불명
 008b8b darkcyan 어두운푸른정도
 008080 teal 암록색을띤청색
 006400 darkgreen 어두운녹색
 556b2f darkolivegreen 어두운올리브녹색
 008000 green 녹색
 808000 olive 물푸레나뭇과의상록교목
 6b8e23 olivedrab 올리브엷은갈색
 bdb76b darkkhaki 어두운누른빛에엷은다색
 daa520 goldenrod 국화과의다년초
 
 
作成者:ケイ君


Posted by ケイ君
Ⅱ。PC관련/2。HTML2017. 1. 2. 17:50
스크롤바 RGB 색상표입니다.
 
 
색 상 이 름
16 진수
i
White
#FFFFFF
A
Red
#FF0000
A
Orange
#FFA500
A
Yellow
#FFFF00
A
Green
#008000
A
Blue
#0000FF
A
Purple
#800080
A
Black
#000000
A
Alice Blue
#A0CE00
A
Antique White
#FAEBD7
A
Aqua
#00FFFF
A
Aquamarine
#7FFFD4
A
Azure
#F0FFFF
A
Beige
#F5F5DC
A
Bisque
#FFE4C4
A
Blanched Almond
#FFEBCD
A
Blue Violet
#8A2BE2
A
Brown
#A52A2A
A
Burly Wood
#DEB887
A
Cadet Blue
#5F9EA0
A
Chartreuse
#7FFF00
A
Chocolate
#D2691E
A
Coral
#FF7F50
A
Corn Flower Blue
#6495ED
A
Corn Silk
#FFF8DC
A
Crimson
#DC143C
A
Cyan
#00FFFF
A
Dark Blue
#00008B
A
Dark Cyan
#008B8B
A
Dark Goldenrod
#B8860B
A
Dark Gray
#A9A9A9
A
Dark Green
#006400
A
Dark Khaki
#BDB76B
A
Dark Magenta
#BD008B
A
Dark Olive Green
#556B2F
A
Dark Orange
#FF8C00
A
Dark Orchid
#9932CC
A
Dark Red
#8B0000
A
Dark Salmon
#E9967A
A
Dark Sea Green
#8FBC8F
A
Dark Slate Blue
#483D8B
A
Dark Slate Gray
#2F4F4F
A
Dark Turquoise
#00CED1
A
Dark Violet
#9400D3
A
Deep Pink
#FF1493
A
Deep Sky Blue
#00BFFF
A
Dim Gray
#696969
A
Dodger Blue
#1E90FF
A
Fire Brick
#B22222
A
Floral White
#FFFAF0
A
Forest Green
#228B22
A
Fuschia
#FF00FF
A
Gainsboro
#DCDCDC
A
Ghost White
#F8F8FF
A
Gold
#FFD700
A
Goldenrod
#DAA520
A
Gray
#808080
A
Green Yellow
#ADFF2F
A
Honeydew
#F0FFF0
A
Hot Pink
#FF69B4
A
Indian Red
#CD5C5C
A
Indigo
#4B0082
A
Ivory
#FFFFF0
A
Khaki
#F0E68C
A
Lavender
#E6E6FA
A
Lavender Blush
#FFF0F5
A
Lemon Chiffon
#FFFACD
A
Light Blue
#ADD8E6
A
Light Coral
#F08080
A
Light Cyan
#E0FFFF
A
Light Goldenrod Yellow
#FAFAD2
A
Light Green
#90EE90
A
Light Gray
#D3D3D3
A
Light Pink
#FFB6C1
A
Light Salmon
#FFA07A
A
Light Sea Green
#20B2AA
A
Light Sky Blue
#87CEFA
A
Light Slate Gray
#778899
A
Light Steel Blue
#B0C4DE
A
Light Yellow
#FFFFE0
A
Lime
#00FF00
A
Lime Green
#32CD32
A
Linen
#FAF0E6
A
Magenta
#FF00FF
A
Maroon
#800000
A
Medium Aquamarine
#66CDAA
A
Medium Blue
#0000CD
A
Medium Orchid
#BA55D3
A
Medium Purple
#9370DB
A
Medium Sea Green
#3CB371
A
Medium Slate Blue
#7B68EE
A
Medium Spring Green
#00FA9A
A
Medium Turquoise
#48D1CC
A
Medium Violet Red
#C71585
A
Midnight Blue
#191970
A
Mint Cream
#F5FFFA
A
Misty Rose
#FFE4E1
A
Navajo White
#FFDEAD
A
Navy
#000080
A
Old Lace
#FDF5E6
A
Olive
#808000
A
Olive Drab
#6B8E23
A
Orange Red
#FF4500
A
Orchid
#DA70D6
A
Pale Goldenrod
#EEE8AA
A
Pale Green
#98FB98
A
Pale Turquoise
#AFEEEE
A
Pale Violet Red
#DB7093
A
Papaya Whip
#FFEFD5
A
Peach Puff
#FFDAB9
A
Peru
#CD853F
A
Pink
#FFC0CB
A
Plum
#DDA0DD
A
Powder Blue
#B0E0E6
A
Rosy Brown
#BC8F8F
A
Royal Blue
#4169E1
A
Saddle Brown
#8B4513
A
Sea Green
#2E8B57
A
Sea Shell
#FFF5EE
A
Sienna
#A0522D
A
Silver
#C0C0C0
A
Sky Blue
#87CEEB
A
Slate Blue
#6A5ACD
A
Slate Gray
#708090
A
Snow
#FFFAFA
A
Spring Green
#00FF7F
A
Steel Blue
#4682B4
A
Tan
#D2B486
A
Teal
#008080
A
Thistle
#D8BFDB
A
Tomato
#FF6347
A
Turquoise
#40E0D0
A
Violet
#EE82EE
A
Wheat
#F5DEB3
A
White Smoke
#F5F5F5
A
Yellow Green
#9ACD32
 
 
作成日2012/0316
作成者:ケイ君


Posted by ケイ君
Ⅱ。PC관련/2。HTML2017. 1. 2. 17:47
RGB 색상표입니다
 
 
#FFF7F7#FEF8F8#FDF9F9#FCF9F9
#FFECEC#FCEEEE#FAF1F1#F9F2F2
#FFCCCC#F8D2D2#F2D9D9#EFDCDC
#FF9999#F2A6A6#E5B2B2#DEB8B8
#FF6666#EC7979#D88C8C#CE9595
#FF3333#E54C4C#CC6666#BF7373
#FF0000#DF2020#BF4040#AF5050
#E60000#C91D1D#AC3939#9D4747
#CC0000#B21919#993333#8C4040
#B30000#9C1616#862D2D#7B3838
#990000#861313#722626#682F2F
#660000#590D0D#4C1919#451F1F
#4D0000#430909#391313#341818
#340000#2D0606#270D0D#231010
#270000#220505#1D0A0A#1A0C0C
 
 
#FFFDFA#FEFCFA#FDFCFB#FDFDFC
#FFF7EF#FDF7F1#FBF7F3#F9F7F5
#FFEBD8#FAEBDD#F5EBE2#F0EBE6
#FFD7B2#F5D7BB#EBD7C5#E2D8CF
#FFCE9F#F3CEAB#E7CEB7#DBCFC3
#FFBD7E#EFBD8E#DEBD9E#CEBEAE
#FFA147#E8A15E#D1A275#BAA28C
#FF8A19#E28A36#C58A52#A88B6F
#FF7E00#DF7E20#BF7F40#9F7E5F
#E87100#CA711D#AD733A#917357
#CC6400#B2641A#986433#7F654C
#AB5300#955315#80542B#6B5540
#813E00#713F10#603F20#503F30
#5B2C00#4F2C0B#442D17#392D22
#3B1D00#331C07#2C1D0F#251D16
#231100#1E1104#1A1109#16110D
 
 
#FFFCF2#FBFAF5#FBFAF5#FAF9F7
#FFF9E7#F9F6ED#F9F6ED#F6F4F0
#FFF5D9#FAF3DE#F5F0E2#F0EEE7
#FFEFBF#F7EBC7#EFE7CF#E7E3D7
#FFE69D#F2DFA9#E6D9B5#DAD4C2
#FFDC74#EDD385#DCCA97#CBC2A8
#FFD047#E8C45E#D1B975#BAAE8C
#FFC519#E2B636#C5A852#A89A6F
#FFC000#DFAF20#BF9F40#9F8F5F
#F3B600#D4A61E#B6973D#98895B
#DBA300#BF951B#A48837#897B52
#BA8B00#A27F17#8B732E#746846
#956F00#826512#6F5C25#5D5338
#705400#624D0E#54461C#463F2A
#4F3B00#45360A#3B3114#312C1D
#332600#2C2206#26200D#201D13
 
 
#FFFEF8#FEFDF9#FDFDFA#FCFCFA
#FFFDEF#FDFBF1#FBFAF3#F9F8F5
#FFFCE0#FBF9E4#F7F5E8#F3F2EB
#FFFAC7#F8F4CE#F1EED5#EAE9DC
#FFF7A2#F3EFAD#E7E3B9#DCDAC5
#FFF270#EDE382#DBD494#C9C6A5
#FFED33#E5D74C#CCC366#B2AD7F
#FFEA00#DFCF20#BFB440#9F995F
#E6D200#C9BA1D#ACA239#8F8A56
#C4B200#AB9D18#938A31#7A7549
#9D8E00#897D13#756D27#625E3B
#766A00#675E0F#58521D#49462C
#554C00#4A430A#3F3A15#353320
#3C3500#342F07#2D290F#252316
#272300#221F05#1D1B0A#18170E
#220013#141203#111006#0E0D08
 
 
#F8FCF3#F8FBF4#F7F9F5#F7F8F6
#F2F9E8#F2F7EA#F1F4EC#F0F2EE
#E8F5D5#E7F1D9#E6EDDD#E6E9E1
#D9EFB9#D8E8C0#D8E8C0#D5DACD
#C4E693#C2DB9D#C0D1A8#BEC7B2
#ABDC65#A8CD74#A6BE83#A3AF91
#90D133#8CBD47#88A95A#85956E
#74C600#6FAD19#6B9431#677B4A
#69B319#659C16#61862D#5D7043
#61A500#5D9014#597B29#56673E
#549000#517E12#4E6C24#4B5A36
#457700#42680F#40591E#3D4A2C
#355C00#33500B#314517#2F3922
#264200#233908#233110#222919
#192C00#182605#17210B#161B10
#0F1A00#0E1603#0D1306#0D100A
 
 
#F7FAF6#F7F9F6#F7F9F7#F7F8F7
#ECF5EB#EDF3EC#EEF2ED#EFF1EF
#DFEEDD#E1ECDF#E2E9E1#E3E7E3
#CBE4C9#CDE0CC#D1DDD0#D4DAD3
#B3D7B0#B7D2B5#BBCDBA#BFC8BE
#96C792#9BC098#A1B99F#A7B3A6
#75B570#7CAC78#83A381#8B9B8A
#52A34C#5C9857#658D62#6E826C
#2D8F26#388233#437440#4F674D
#087B00#156B0F#235C1F#304D2E
#076900#125C0D#1D4E1A#294127
#065400#0E490A#183F15#20341F
#054100#0C3908#123010#192818
#043100#092B06#0E240C#131E12
#032200#061D04#0A1908#0E150D
#021600#041303#061005#080D08
 
 
#F6FCFF#F7FCFE#F8FBFC#F9FAFB
#EDF9FF#EFF8FC#F1F7FA#F4F7F8
#E0F4FF#E4F3FB#E8F2F7#EBF0F3
#CEEEFF#D4ECF9#DAEAF2#E0E8EC
#B3E5FF#BCE1F5#C6DFEC#CFDBE2
#90D9FF#9ED4F1#ACD0E3#B9CBD5
#65CBFF#78C4EB#8BBED8#9FB8C5
#33BAFF#4CB1E5#66A9CC#7FA1B2
#00A0F3#1E95D4#3D8CB6#5B8398
#0092E0#1C89C4#3881A8#54788C
#0080C6#1978AD#317194#4A6A7B
#006CA7#156692#2A5F7D#3E5968
#00588A#115378#224E67#344A56
#00456C#0D415E#1B3D51#283943
#00324E#0A2F44#132C3A#1D2930
#002235#06202E#0D1E27#141C21
 
 
#F7FAFF#F8FAFE#F9FAFD#FAFBFC
#F1F6FF#F3F7FD#F4F6FB#F6F7F9
#E7F0FF#EAF1FC#EDF1F9#F0F2F6
#D9E7FF#DEE8FA#E2E9F5#E7EAF0
#C4DAFF#CBDBF7#D3DEF0#DAE0E9
#A8C9FF#B3CCF4#BECEE9#C8D0DE
#85B3FF#94B6EF#A3BAE0#B3BED1
#5B98FF#6F9DEA#84A2D6#98A7C1
#2D7CFF#4782E4#6188CA#7C8FB0
#0060FF#2068DF#4070BF#5F779F
#0056E6#1D5DC9#3964AC#566B8F
#0049C4#184FAB#315593#495B7A
#003A9D#133E89#274475#3B4962
#002C76#0F3067#1D3358#2C3749
#001F53#0A2148#15243E#1F2734
#001436#07162F#0D1D28#141921
 
 
#FFFFFF
#FBFBFB
#F8F8F8
#F4F4F4
#EEEEEE
#E5E5E5
#DDDDDD
#D0D0D0
#C0C0C0
#ADADAD
#989898
#808080
#666666
#4B4B4B
#262626
#000000
 
 
作成者:ケイ君


'Ⅱ。PC관련 > 2。HTML' 카테고리의 다른 글

[HTML]글자 색상표  (0) 2017.01.02
[HTML]스크롤바 색상표  (0) 2017.01.02
[HTML]배경 색상표  (0) 2017.01.02
[HTML]의 작성에 있어서  (0) 2017.01.02
[HTML]자주 쓰이는 태그들  (0) 2017.01.02
Posted by ケイ君
Ⅱ。PC관련/2。HTML2017. 1. 2. 17:45
TAG를 사용하기 전에 필요한 색상표를 보겠습니다.
각각의 색상에 해당하는 색상태그를 보실 수 있습니다.
 
 
Color Table
#FFFAFA

#F8F8FF#F5F5F5#DCDCDC
#FFFAF0

#FDF5E6#FAF0E6#FAEBD7
#FFEFD5

#FFEBCD#FFE4C4#FFDAB9
#FFDEAD

#FFE4B5#FFF8DC#FFFFF0
#FFFACD

#FFF5EE#F0FFF0#F5FFFA
#F0FFFF

#F0F8FF#E6E6FA#FFF0F5
#FFE4E1

#FFFFFF#000000#2F4F4F
#696969

#708090#778899#BEBEBE
#D3D3D3

#191970#000080#003388
#6495ED

#483D8B#6A5ACD#7B68EE
#8470FF

#0000CD#4169E1#0000FF
#1E90FF

#00BFFF#87CEEB#87CEFA
#4682B4

#B0C4DE#ADD8E6#B0E0E6
#AFEEEE

#00CED1#48D1CC#40E0D0
#00FFFF

#E0FFFF#5F9EA0#66CDAA
#7FFFD4

#006400#556B2F#8FBC8F
#2E8B57

#3CB371#20B2AA#98FB98
#00FF7F

#7CFC00#00FF00#7FFF00
#00FA9A

#ADFF2F#32CD32#9ACD32
#228B22

#6B8E23#BDB76B#F0E68C
#EEE8AA

#FAFAD2#FFFFE0#FFFF00
#FFD700

#EEDD82#DAA520#B8860B
#BC8F8F

#CD5C5C#8B4513#A0522D
#CD853F

#DEB887#F5F5DC#F5DEB3
#F4A460

#D2B48C#D2691E#B22222
#A52A2A

#E9967A#FA8072#FFA07A
#FFA500

#FF8C00#FF7F50#F08080
#FF6347

#FF4500#FF0000#FF69B4
#FF1493

#FFC0CB#FFB6C1#DB7093
#B03060

#C71585#D02090#FF00FF
#EE82EE

#DDA0DD#DA70D6#BA55D3
#9932CC

#9400D3#8A2BE2#A020F0
#9370DB

#D8BFD8#FFFAFA#EEE9E9
#CDC9C9

#8B8989#FFF5EE#EEE5DE
#CDC5BF

#8B8682#FFEFDB#EEDFCC
#CDC0B0

#8B8378#FFE4C4#FFE4C4
#CDB79E

#8B7D6B#FFDAB9#EECBAD
#CDAF95

#8B7765#FFDEAD#EECFA1
#CDB38B

#8B795E#FFFACD#EEE9BF
#CDC9A5

#8B8970#FFF8DC#EEE8CD
#CDC8B1

#8B8878#FFFFF0#EEEEE0
#CDCDC1

#8B8B83#F0FFF0#E0EEE0
#C1CDC1

#838B83#FFF0F5#EEE0E5
#CDC1C5

#8B8386#FFE4E1#EED5D2
#CDB7B5

#8B7D7B#F0FFFF#E0EEEE
#C1CDCD

#838B8B#836FFF#7A67EE
#6959CD

#473C8B#4876FF#436EEE
#3A5FCD

#27408B#0000FF#0000EE
#0000CD

#00008B#1E90FF#1C86EE
#1874CD

#104E8B#63B8FF#5CACEE
#4F94CD

#36648B#00BFFF#00B2EE
#009ACD

#00688B#87CEFF#7EC0EE
#6CA6CD

#4A708B#B0E2FF#A4D3EE
#8DB6CD

#607B8B#C6E2FF#B9D3EE
#9FB6CD

#6C7B8B#CAE1FF#BCD2EE
#A2B5CD

#6E7B8B#BFEFFF#B2DFEE
#9AC0CD

#68838B#E0FFFF#D1EEEE
#B4CDCD

#7A8B8B#BBFFFF#AEEEEE
#96CDCD

#668B8B#98F5FF#8EE5EE
#7AC5CD

#53868B#00F5FF#00E5EE
#00C5CD

#00868B#00FFFF#00EEEE
#00CDCD

#008B8B#97FFFF#8DEEEE
#79CDCD

#528B8B#7FFFD4#76EEC6
#66CDAA

#458B74#C1FFC1#B4EEB4
#9BCD9B

#698B69#54FF9F#4EEE94
#43CD80

#2E8B57#9AFF9A#90EE90
#7CCD7C

#548B54#00FF7F#00EE76
#00CD66

#008B45#00FF00#00EE00
#00CD00

#008B00#7FFF00#76EE00
#66CD00

#458B00#C0FF3E#B3EE3A
#9ACD32

#698B22#CAFF70#BCEE68
#A2CD5A

#6E8B3D#FFF68F#EEE685
#CDC673

#8B864E#FFEC8B#EEDC82
#CDBE70

#8B814C#FFFFE0#EEEED1
#CDCDB4

#8B8B7A#FFFF00#EEEE00
#CDCD00

#8B8B00#FFD700#EEC900
#CDAD00

#8B7500#FFC125#EEB422
#CD9B1D

#8B6914#FFB90F#EEAD0E
#CD950C

#8B6508#FFC1C1#EEB4B4
#CD9B9B

#8B6969#FF6A6A#EE6363
#CD5555

#8B3A3A#FF8247#EE7942
#CD6839

#8B4726#FFD39B#EEC591
#CDAA7D

#8B7355#FFE7BA#EED8AE
#CDBA96

#8B7E66#FFA54F#EE9A49
#CD853F

#8B5A2B#FF7F24#EE7621
#CD661D

#8B4513#FF3030#EE2C2C
#CD2626

#8B1A1A#FF4040#EE3B3B
#CD3333

#8B2323#FF8C69#EE8262
#CD7054

#8B4C39#FFA07A#EE9572
#CD8162

#8B5742#FFA500#EE9A00
#CD8500

#8B5A00#FF7F00#EE7600
#CD6600

#8B4500#FF7256#EE6A50
#CD5B45

#8B3E2F#FF6347#EE5C42
#CD4F39

#8B3626#FF4500#EE4000
#CD3700

#8B2500#FF0000#EE0000
#CD0000

#8B0000#FF1493#EE1289
#CD1076

#8B0A50#FF6EB4#EE6AA7
#CD6090

#8B3A62#FFB5C5#EEA9B8
#CD919E

#8B636C#FFAEB9#EEA2AD
#CD8C95

#8B5F65#FF82AB#EE799F
#CD6889

#8B475D#FF34B3#EE30A7
#CD2990

#8B1C62#FF3E96#EE3A8C
#CD3278

#8B2252#FF00FF#EE00EE
#CD00CD

#8B008B#FF83FA#EE7AE9
#CD69C9

#8B4789#FFBBFF#EEAEEE
#CD96CD

#8B668B#E066FF#D15FEE
#B452CD

#7A378B#BF3EFF#B23AEE
#9A32CD

#68228B#9B30FF#912CEE
#7D26CD

#551A8B#AB82FF#9F79EE
#8968CD

#5D478B#FFE1FF#EED2EE
#CDB5CD

#8B7B8B#000000#030303
#050505

#080808#0A0A0A#0D0D0D
#0F0F0F

#121212#141414#171717
#1A1A1A

#1C1C1C#1F1F1F#212121
#242424

#262626#292929#2B2B2B
#2E2E2E

#303030#333333#363636
#383838

#3B3B3B#3D3D3D#404040
#424242

#454545#474747#4A4A4A
#4D4D4D

#4F4F4F#525252#545454
#575757

#595959#5C5C5C#5E5E5E
#616161

#636363#666666#696969
#6B6B6B

#6E6E6E#707070#737373
#757575

#787878#7A7A7A#7D7D7D
#7F7F7F

#828282#858585#878787
#8A8A8A

#8C8C8C#8F8F8F#919191
#949494

#969696#999999#9C9C9C
#9E9E9E

#A1A1A1#A3A3A3#A6A6A6
#A8A8A8

#ABABAB#ADADAD#B0B0B0
#B3B3B3

#B5B5B5#B8B8B8#BABABA
#BDBDBD

#BFBFBF#C2C2C2#C4C4C4
#C7C7C7

#C9C9C9#CCCCCC#CFCFCF
#D1D1D1

#D4D4D4#D6D6D6#D9D9D9
#DBDBDB

#DEDEDE#E0E0E0#E3E3E3
#E5E5E5

#E8E8E8#EBEBEB#EDEDED
#F0F0F0

#F2F2F2#F5F5F5#F7F7F7
#FAFAFA

#FCFCFC#FFFFFF 


 
 
作成者:ケイ君


'Ⅱ。PC관련 > 2。HTML' 카테고리의 다른 글

[HTML]글자 색상표  (0) 2017.01.02
[HTML]스크롤바 색상표  (0) 2017.01.02
[HTML]배경 색상표 2  (0) 2017.01.02
[HTML]의 작성에 있어서  (0) 2017.01.02
[HTML]자주 쓰이는 태그들  (0) 2017.01.02
Posted by ケイ君
Ⅱ。PC관련/2。HTML2017. 1. 2. 17:44
HTML문서의 작성에 있어서 몇가지 중요한 것들이 있습니다.
가장 대표적인 것으로는 대소문자를 구별하지 않는다는 것입니다.
말인 즉슨 다음과 같습니다.
 
〈HTML〉과〈html〉은 같은 효과를 갖는다는 것입니다.
즉 태그의 작성에 있어서 대소문자는 상관이 없다는 것입니다.
일부 블로그 사이트에서는 대문자로 작성한 글을 소문자로 저장해버리는 사이트도 있지만
같은 효과를 가지고 있기에 상관이 없다는 얘기가 되는 것입니다.
 
그리고 2개 이상의 공백은 하나의 공백과 같은 효과를 나타냅니다.
즉 앞에서 소개한 태그인「&nbsp」태그는 2개이상 입력해도
하나로 인식한 다는 것입니다.(기본적으로 문장 사이의 공백은 태그없는 공백입니다.)
 
또, 앞의 포스트에서 간단하게 설명한 쌍을 이루는 태그는 꼭 시작과 끝으로 이루기에
시작 태그가 있다면 해당 내용일 종료되는 시점의 부분에 끝을 맺는 태그가 존재해야합니다.
하지만 경우에 따라 단독으로 쓰이는 경우도 있고 만약 태그를 잘못 작성하여도
윈도우즈와는 다르게 웹브라우저 상에는 에러가 발생되지 않습니다.
 
예를 들어 작성자가 다음과 같이 작성하였을때
 
〈DIV〉내용1〈/DIV〉
내용2〈/DIV〉
〈DIV〉내용3
〈DIV〉내용4〈/DIV〉
 
결과는
 
내용1
내용2 내용3
내용4
 
위와 같이 원하는대로 내용이 생성되지 않을 뿐
패이지 오류가 생긴다거나 혹은 에러가 발생하다는 것은 아닙니다.
 
 
作成者:ケイ君


'Ⅱ。PC관련 > 2。HTML' 카테고리의 다른 글

[HTML]글자 색상표  (0) 2017.01.02
[HTML]스크롤바 색상표  (0) 2017.01.02
[HTML]배경 색상표 2  (0) 2017.01.02
[HTML]배경 색상표  (0) 2017.01.02
[HTML]자주 쓰이는 태그들  (0) 2017.01.02
Posted by ケイ君
Ⅱ。PC관련/2。HTML2017. 1. 2. 17:39
HTML문서 작성에 있어서 자주 쓰이는 태그들이 있습니다。
대표적인 예로는 문서 내용의 강조를 위한 ˝볼드체˝나 ˝이텔릭체˝ 등이 있습니다。
그리고 문단의 위치 배열 및 기타 ˝이미지˝나 ˝하이퍼링크˝ 등의 여러 추가적인 요소를 삽입하기 위한 태그들도 존재합니다. 지금부터는 이런 간단한 몇가지 태그들을 알려드리겠습니다。
통상 문자에 많이 쓰이는 태그로는 다음과 같습니다。
 
<h#>∼블라블라∼</h#>

위의 태그는 글씨 크기를 조정하는 태그로 1∼6까지의 숫자 기입이 가능합니다。

 
<font>∼블라블라∼</font>
글자의 속성을 지정할 수 있습니다。(간단한게 색상설정을 입력했습니다。)
 
<b>∼블라블라∼</b>
볼드체, 통상 굵은 글씨를 표현합니다。
 
<i>∼블라블라∼</i>
이텔릭체, 기울어진 글씨를 표현합니다。
 
<u>∼블라블라∼</u>
언더라인, 쉽게 말해 밑줄 쭈왁∼。(밑줄은 특수 부호에도 들어갑니다。)
 
<sub>∼블라블라∼</sub>
아랫 첨자아래 설명글。
 
<sup>∼블라블라∼</sup>
윗 첨자윗 설명글。
 
등 위의 태그 이외에도 많지만 가장 태표적으로 쓰이는 태그들입니다。
 
 
作成者:ケイ君


'Ⅱ。PC관련 > 2。HTML' 카테고리의 다른 글

[HTML]글자 색상표  (0) 2017.01.02
[HTML]스크롤바 색상표  (0) 2017.01.02
[HTML]배경 색상표 2  (0) 2017.01.02
[HTML]배경 색상표  (0) 2017.01.02
[HTML]의 작성에 있어서  (0) 2017.01.02
Posted by ケイ君