2021. 1. 15. 16:08

vscode 에서 emmet으로 html 기본 골격 만들기

vscode에서 emmet을 이용해서 html의 골격을 간단하게 만들 수 있습니다.

 

! 입력 후 Tab(emmet 기본 단축키)를 누르면 아래와 같은 기본 골격이 생성됩니다.

맨날 까먹고 타이핑 하다가 까먹지 않으려고 올립니다

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

</head>

<body>

    

</body>

</html>

 

2011. 4. 7. 12:35

HTML 특수문자 정리 테이블


HTML 문자 코드 및 해당 Ascii 코드 그리고 HTML이름까지 같이 들어있는 table.
이런게 필요햇는데 아주 요긴하게 써먹을 수 있을 듯 함.

출처 사이트에 가면 다른 유용한 것도 볼 수 있으니 되도록 출처로 가서 참고할것;
혹시 사이트 주소가 변경되거나 없어질 것에 대비해서 슬쩍 복사 해 놓는다.

출처 : http://www.ascii.cl/htmlcodes.htm



Standard ASCII set, HTML Entity names, ISO 10646, ISO 8879, ISO 8859-1 Latin alphabet No. 1
Browser support: All browsers
ASCII   HTML HTML  
Dec Hex Symbol Number Name Description

32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
20
21
22
23
24
25
26
27
28
29
2A
2B
2C
2D
2E
2F

!
"
#
$
%
&
'
(
)
*
+
,
-
.
/
&#32;
&#33;
&#34;
&#35;
&#36;
&#37;
&#38;
&#39;
&#40;
&#41;
&#42;
&#43;
&#44;
&#45;
&#46;
&#47;


&quot;



&amp;









space
exclamation point
double quotes
number sign
dollar sign
percent sign
ampersand
single quote
opening parenthesis
closing parenthesis
asterisk
plus sign
comma
minus sign - hyphen
period
slash
ASCII   HTML HTML  
Dec Hex Symbol Number Name Description

48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
30
31
32
33
34
35
36
37
38
39
3A
3B
3C
3D
3E
3F
0
1
2
3
4
5
6
7
8
9
:
;
<
=
>
?
&#48;
&#49;
&#50;
&#51;
&#52;
&#53;
&#54;
&#55;
&#56;
&#57;
&#58;
&#59;
&#60;
&#61;
&#62;
&#63;












&lt;

&gt;

zero
one
two
three
four
five
six
seven
eight
nine
colon
semicolon
less than sign
equal sign
greater than sign
question mark
ASCII   HTML HTML  
Dec Hex Symbol Number Name Description

64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
40
41
42
43
44
45
46
47
48
49
4A
4B
4C
4D
4E
4F
@
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
&#64;
&#65;
&#66;
&#67;
&#68;
&#69;
&#70;
&#71;
&#72;
&#73;
&#74;
&#75;
&#76;
&#77;
&#78;
&#79;
















at symbol















ASCII   HTML HTML  
Dec Hex Symbol Number Name Description

80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
50
51
52
53
54
55
56
57
58
59
5A
5B
5C
5D
5E
5F
P
Q
R
S
T
U
V
W
X
Y
Z
[
\
]
^
_
&#80;
&#81;
&#82;
&#83;
&#84;
&#85;
&#86;
&#87;
&#88;
&#89;
&#90;
&#91;
&#92;
&#93;
&#94;
&#95;



























opening bracket
backslash
closing bracket
caret - circumflex
underscore
ASCII   HTML HTML  
Dec Hex Symbol Number Name Description

96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
60
61
62
63
64
65
66
67
68
69
6A
6B
6C
6D
6E
6F
`
a
b
c
d
e
f
g
h
i
j
k
l
m
n
o
&#96;
&#97;
&#98;
&#99;
&#100;
&#101;
&#102;
&#103;
&#104;
&#105;
&#106;
&#107;
&#108;
&#109;
&#110;
&#111;
















grave accent















ASCII   HTML HTML  
Dec Hex Symbol Number Name Description

112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
70
71
72
73
74
75
76
77
78
79
7A
7B
7C
7D
7E
7F
p
q
r
s
t
u
v
w
x
y
z
{
|
}
~

&#112;
&#113;
&#114;
&#115;
&#116;
&#117;
&#118;
&#119;
&#120;
&#121;
&#122;
&#123;
&#124;
&#125;
&#126;




























opening brace
vertical bar
closing brace
equivalency sign - tilde
(not defined in HTML 4 standard)
ASCII   HTML HTML  
Dec Hex Symbol Number Name Description

128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
80
81
82
83
84
85
86
87
88
89
8A
8B
8C
8D
8E
8F
















































(not defined in HTML 4 standard)
(not defined in HTML 4 standard)
(not defined in HTML 4 standard)
(not defined in HTML 4 standard)
(not defined in HTML 4 standard)
(not defined in HTML 4 standard)
(not defined in HTML 4 standard)
(not defined in HTML 4 standard)
(not defined in HTML 4 standard)
(not defined in HTML 4 standard)
(not defined in HTML 4 standard)
(not defined in HTML 4 standard)
(not defined in HTML 4 standard)
(not defined in HTML 4 standard)
(not defined in HTML 4 standard)
(not defined in HTML 4 standard)
ASCII   HTML HTML  
Dec Hex Symbol Number Name Description

144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
90
91
92
93
94
95
96
97
98
99
9A
9B
9C
9D
9E
9F
















































(not defined in HTML 4 standard)
(not defined in HTML 4 standard)
(not defined in HTML 4 standard)
(not defined in HTML 4 standard)
(not defined in HTML 4 standard)
(not defined in HTML 4 standard)
(not defined in HTML 4 standard)
(not defined in HTML 4 standard)
(not defined in HTML 4 standard)
(not defined in HTML 4 standard)
(not defined in HTML 4 standard)
(not defined in HTML 4 standard)
(not defined in HTML 4 standard)
(not defined in HTML 4 standard)
(not defined in HTML 4 standard)
(not defined in HTML 4 standard)
ASCII   HTML HTML  
Dec Hex Symbol Number Name Description

160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
A0
A1
A2
A3
A4
A5
A6
A7
A8
A9
AA
AB
AC
AD
AE
AF
 
¡
¢
£
¤
¥
¦
§
¨
©
ª
«
¬

®
¯
&#160;
&#161;
&#162;
&#163;
&#164;
&#165;
&#166;
&#167;
&#168;
&#169;
&#170;
&#171;
&#172;
&#173;
&#174;
&#175;
&nbsp;
&iexcl;
&cent;
&pound;
&curren;
&yen;
&brvbar;
&sect;
&uml;
&copy;
&ordf;
&laquo;
&not;
&shy;
&reg;
&macr;
non-breaking space
inverted exclamation mark
cent sign
pound sign
currency sign
yen sign
broken vertical bar
section sign
spacing diaeresis - umlaut
copyright sign
feminine ordinal indicator
left double angle quotes
not sign
soft hyphen
registered trade mark sign
spacing macron - overline
ASCII   HTML HTML  
Dec Hex Symbol Number Name Description

176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
B0
B1
B2
B3
B4
B5
B6
B7
B8
B9
BA
BB
BC
BD
BE
BF
°
±
²
³
´
µ

·
¸
¹
º
»
¼
½
¾
¿
&#176;
&#177;
&#178;
&#179;
&#180;
&#181;
&#182;
&#183;
&#184;
&#185;
&#186;
&#187;
&#188;
&#189;
&#190;
&#191;
&deg;
&plusmn;
&sup2;
&sup3;
&acute;
&micro;
&para;
&middot;
&cedil;
&sup1;
&ordm;
&raquo;
&frac14;
&frac12;
&frac34;
&iquest;
degree sign
plus-or-minus sign
superscript two - squared
superscript three - cubed
acute accent - spacing acute
micro sign
pilcrow sign - paragraph sign
middle dot - Georgian comma
spacing cedilla
superscript one
masculine ordinal indicator
right double angle quotes
fraction one quarter
fraction one half
fraction three quarters
inverted question mark
ASCII   HTML HTML  
Dec Hex Symbol Number Name Description

192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
C0
C1
C2
C3
C4
C5
C6
C7
C8
C9
CA
CB
CC
CD
CE
CF
À
Á
Â
Ã
Ä
Å
Æ
Ç
È
É
Ê
Ë
Ì
Í
Î
Ï
&#192;
&#193;
&#194;
&#195;
&#196;
&#197;
&#198;
&#199;
&#200;
&#201;
&#202;
&#203;
&#204;
&#205;
&#206;
&#207;
&Agrave;
&Aacute;
&Acirc;
&Atilde;
&Auml;
&Aring;
&AElig;
&Ccedil;
&Egrave;
&Eacute;
&Ecirc;
&Euml;
&Igrave;
&Iacute;
&Icirc;
&Iuml;
latin capital letter A with grave
latin capital letter A with acute
latin capital letter A with circumflex
latin capital letter A with tilde
latin capital letter A with diaeresis
latin capital letter A with ring above
latin capital letter AE
latin capital letter C with cedilla
latin capital letter E with grave
latin capital letter E with acute
latin capital letter E with circumflex
latin capital letter E with diaeresis
latin capital letter I with grave
latin capital letter I with acute
latin capital letter I with circumflex
latin capital letter I with diaeresis
ASCII   HTML HTML  
Dec Hex Symbol Number Name Description

208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
D0
D1
D2
D3
D4
D5
D6
D7
D8
D9
DA
DB
DC
DD
DE
DF
Ð
Ñ
Ò
Ó
Ô
Õ
Ö
×
Ø
Ù
Ú
Û
Ü
Ý
Þ
ß
&#208;
&#209;
&#210;
&#211;
&#212;
&#213;
&#214;
&#215;
&#216;
&#217;
&#218;
&#219;
&#220;
&#221;
&#222;
&#223;
&ETH;
&Ntilde;
&Ograve;
&Oacute;
&Ocirc;
&Otilde;
&Ouml;
&times;
&Oslash;
&Ugrave;
&Uacute;
&Ucirc;
&Uuml;
&Yacute;
&THORN;
&szlig;
latin capital letter ETH
latin capital letter N with tilde
latin capital letter O with grave
latin capital letter O with acute
latin capital letter O with circumflex
latin capital letter O with tilde
latin capital letter O with diaeresis
multiplication sign
latin capital letter O with slash
latin capital letter U with grave
latin capital letter U with acute
latin capital letter U with circumflex
latin capital letter U with diaeresis
latin capital letter Y with acute
latin capital letter THORN
latin small letter sharp s - ess-zed
ASCII   HTML HTML  
Dec Hex Symbol Number Name Description

224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
E0
E1
E2
E3
E4
E5
E6
E7
E8
E9
EA
EB
EC
ED
EE
EF
à
á
â
ã
ä
å
æ
ç
è
é
ê
ë
ì
í
î
ï
&#224;
&#225;
&#226;
&#227;
&#228;
&#229;
&#230;
&#231;
&#232;
&#233;
&#234;
&#235;
&#236;
&#237;
&#238;
&#239;
&agrave;
&aacute;
&acirc;
&atilde;
&auml;
&aring;
&aelig;
&ccedil;
&egrave;
&eacute;
&ecirc;
&euml;
&igrave;
&iacute;
&icirc;
&iuml;
latin small letter a with grave
latin small letter a with acute
latin small letter a with circumflex
latin small letter a with tilde
latin small letter a with diaeresis
latin small letter a with ring above
latin small letter ae
latin small letter c with cedilla
latin small letter e with grave
latin small letter e with acute
latin small letter e with circumflex
latin small letter e with diaeresis
latin small letter i with grave
latin small letter i with acute
latin small letter i with circumflex
latin small letter i with diaeresis
ASCII   HTML HTML  
Dec Hex Symbol Number Name Description

240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
F0
F1
F2
F3
F4
F5
F6
F7
F8
F9
FA
FB
FC
FD
FE
FF
ð
ñ
ò
ó
ô
õ
ö
÷
ø
ù
ú
û
ü
ý
þ
ÿ
&#240;
&#241;
&#242;
&#243;
&#244;
&#245;
&#246;
&#247;
&#248;
&#249;
&#250;
&#251;
&#252;
&#253;
&#254;
&#255;
&eth;
&ntilde;
&ograve;
&oacute;
&ocirc;
&otilde;
&ouml;
&divide;
&oslash;
&ugrave;
&uacute;
&ucirc;
&uuml;
&yacute;
&thorn;
&yuml;
latin small letter eth
latin small letter n with tilde
latin small letter o with grave
latin small letter o with acute
latin small letter o with circumflex
latin small letter o with tilde
latin small letter o with diaeresis
division sign
latin small letter o with slash
latin small letter u with grave
latin small letter u with acute
latin small letter u with circumflex
latin small letter u with diaeresis
latin small letter y with acute
latin small letter thorn
latin small letter y with diaeresis


HTML 4.01, ISO 10646, ISO 8879, Latin extended A and B,
Browser support: Internet Explorer > 4, Netscape > 4
    HTML HTML  
Dec Hex Symbol Number Name Description

338
339
352
353
376
402
152
153
160
161
178
192
Œ
œ
Š
š
Ÿ
ƒ
&#338;
&#339;
&#352;
&#353;
&#376;
&#402;






latin capital letter OE
latin small letter oe
latin capital letter S with caron
latin small letter s with caron
latin capital letter Y with diaeresis
latin small f with hook - function
    HTML HTML  
Dec Hex Symbol Number Name Description

8211
8212
8216
8217
8218
8220
8221
8222
8224
8225
8226
8230
8240
8364
8482
2013
2014
2018
2019
201A
201C
201D
201E
2020
2021
2022
2026
2030
20AC
2122















&#8211;
&#8212;
&#8216;
&#8217;
&#8218;
&#8220;
&#8221;
&#8222;
&#8224;
&#8225;
&#8226;
&#8230;
&#8240;
&#8364;
&#8482;













&euro;

en dash
em dash
left single quotation mark
right single quotation mark
single low-9 quotation mark
left double quotation mark
right double quotation mark
double low-9 quotation mark
dagger
double dagger
bullet
horizontal ellipsis
per thousand sign
euro sign
trade mark sign

2010. 9. 6. 09:27

input box에서 한영 상태를 전환하는 style

IE전용이라고 하긴 하던데, 
그렇다고 하더라도 다른 브라우저에선 무시 될테니 적당히 사용 6^^;

style="ime-mode:auto"              (자동변경) -> 한/영 전환가능전환가능 
style="ime-mode:active"            (한글모드) -> 한/영전환가능
style="ime-mode:inactive"         (영문모드) -> 오직영문
style="ime-mode:disabled"         (영문모드) -> 한/영전환가능
style="ime-mode:deactivated"    (한글모드) -> 한/영전환가능


2008. 12. 12. 10:33

HTML의 특수 문자들

인터넷에서 걍 Copy해왔음..ㅠ.ㅠ
출처 : http://www.utexas.edu/learn/html/spchar.html

HTML Entities and/or ISO Latin-1 codes can be placed in source code like any other alphanumeric characters to produce special characters and symbols that cannot be generated in HTML with normal keyboard commands.

For example, to render Düsseldorf the HTML source should read

D&uuml;sseldorf or D&#252;sseldorf

While many similar lists are available on the Web (run your favorite search engine using "ISO Latin" or "HTML Entities"), none I've seen account for the standard character sets of different operating systems (e.g. Windows vs. DOS vs. Macintosh, etc.); this list should produce the same results on all platforms.

Punctuation HTML Entity
(case sensitive)
ISO Latin-1 code name or meaning
&ndash; &#8211; en dash
&mdash; &#8212; em dash
¡ &iexcl; &#161; inverted exclamation
¿ &iquest; &#191; inverted question mark
" &quot; &#34; quotation mark
&ldquo; &#8220; left double curly quote
&rdquo; &#8221; right double curly quote
&lsquo; &#8216; left single curly quote
&rsquo; &#8217; right single curly quote
«
»
&laquo;
&raquo;
&#171;
&#187;
guillemets (European-style quotation marks)
 
(Its there, but you can't see it!)
&nbsp; &#160; non-breaking space
Symbols  
& &amp; &#38; ampersand
¢ &cent; &#162; cent
© &copy; &#169; copyright
÷ &divide; &#247; divide
> &gt; &#62; greater than
< &lt; &#60; less than
µ &micro; &#181; micron
· &middot; &#183; middle dot
&para; &#182; pilcrow (paragraph sign)
± &plusmn; &#177; plus/minus
&euro; &#8364; Euro
£ &pound; &#163; British Pound Sterling
® &reg; &#174; registered
§ &sect; &#167; section
&trade; &#153; trademark
¥ &yen; &#165; Japanese Yen
Diacritics  
á
Á
&aacute;
&Aacute;
&#225;
&#193;
lower-case "a" with acute accent
upper-case "A" with acute accent
à
À
&agrave;
&Agrave;
&#224;
&#192;
lower-case "a" with grave accent
upper-case "A" with grave accent
â
Â
&acirc;
&Acirc;
&#226;
&#194;
lower-case "a" with circumflex
upper-case "A" with circumflex
å
Å
&aring;
&Aring;
&#229;
&#197;
lower-case "a" with ring
upper-case "A" with ring
ã
Ã
&atilde;
&Atilde;
&#227;
&#195;
lower-case "a" with tilde
upper-case "A" with tilde
ä
Ä
&auml;
&Auml;
&#228;
&#196;
lower-case "a" with diaeresis/umlaut
upper-case "A" with diaeresis/umlaut
æ
Æ
&aelig;
&AElig;
&#230;
&#198;
lower-case "ae" ligature
upper-case "AE" ligature
ç
Ç
&ccedil;
&Ccedil;
&#231;
&#199;
lower-case "c" with cedilla
upper-case "C" with cedilla
é
É
&eacute;
&Eacute;
&#233;
&#201;
lower-case "e" with acute accent
upper-case "E" with acute accent
è
È
&egrave;
&Egrave;
&#232;
&#200;
lower-case "e" with grave accent
upper-case "E" with grave accent
ê
Ê
&ecirc;
&Ecirc;
&#234;
&#202;
lower-case "e" with circumflex
upper-case "E" with circumflex
ë
Ë
&euml;
&Euml;
&#235;
&#203;
lower-case "e" with diaeresis/umlaut
upper-case "E" with diaeresis/umlaut
í
Í
&iacute;
&Iacute;
&#237;
&#205;
lower-case "i" with acute accent
upper-case "I" with acute accent
ì
Ì
&igrave;
&Igrave;
&#236;
&#204;
lower-case "i" with grave accent
upper-case "I" with grave accent
î
Î
&icirc;
&Icirc;
&#238;
&#206;
lower-case "i" with circumflex
upper-case "I" with circumflex
ï
Ï
&iuml;
&Iuml;
&#239;
&#207;
lower-case "i" with diaeresis/umlaut
upper-case "I" with diaeresis/umlaut
ñ
Ñ
&ntilde;
&Ntilde;
&#241;
&#209;
lower-case "n" with tilde
upper-case "N" with tilde
ó
Ó
&oacute;
&Oacute;
&#243;
&#211;
lower-case "o" with acute accent
upper-case "O" with acute accent
ò
Ò
&ograve;
&Ograve;
&#242;
&#210;
lower-case "o" with grave accent
upper-case "O" with grave accent
ô
Ô
&ocirc;
&Ocirc;
&#244;
&#212;
lower-case "o" with circumflex
upper-case "O" with circumflex
ø
Ø
&oslash;
&Oslash;
&#248;
&#216;
lower-case "o" with slash
upper-case "O" with slash
õ
Õ
&otilde;
&Otilde;
&#245;
&#213;
lower-case "o" with tilde
upper-case "O" with tilde
ö
Ö
&ouml;
&Ouml;
&#246;
&#214;
lower-case "o" with diaeresis/umlaut
upper-case "O" with diaeresis/umlaut
ß &szlig; &#223; ess-tsett
ú
Ú
&uacute;
&Uacute;
&#250;
&#218;
lower-case "u" with acute accent
upper-case "U" with acute accent
ù
Ù
&ugrave;
&Ugrave;
&#249;
&#217;
lower-case "u" with grave accent
upper-case "U" with grave accent
û
Û
&ucirc;
&Ucirc;
&#251;
&#219;
lower-case "u" with circumflex
upper-case "U" with circumflex
ü
Ü
&uuml;
&Uuml;
&#252;
&#220;
lower-case "u" with diaeresis/umlaut
upper-case "U" with diaeresis/umlaut
ÿ &yuml; &#255; lower-case "y" with diaeresis/umlaut
´
`
  &#180;
&#96;
acute accent with no letter
grave accent/reversed apostrophe with no letter

Notes:

  1. The &quot; entity was mistakenly omitted from the HTML 3.2 specification. While use of &quot; generates error reports when validating against 3.2, browsers have continued to recognize the entity and its use is generally safe (sticklers may wish to use &#34; instead). The omission has been corrected in the HTML 4.0 specification.

  2. The non-breaking space (&nbsp; or &#160;) can be used not only to prevent the separation of words by line wraps, but also to force a space equal in size to a keyboard/spacebar space (useful for indentation or wider word separation) or to "hold" space in the empty cell of a table (as in the table above).

  3. The middle dot (&middot; or &#183;) can be used as a bullet and embedded anywhere in text. Because it is equal in size to a period, however, it may be necessary to apply <B> </B> or tags to enhance its graphic effect (use of <FONT SIZE="x"> </FONT> or <BIG> </BIG> elements is not recommended, as these will alter the character's vertical spacing relative to other characters in the same line).