'HTML'에 해당되는 글 4건
- 2021.01.15 vscode 에서 emmet으로 html 기본 골격 만들기
- 2011.04.07 HTML 특수문자 정리 테이블
- 2010.09.06 input box에서 한영 상태를 전환하는 style
- 2008.12.12 HTML의 특수 문자들
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> |
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 |
||||||||||||||||||||||||
|
||||||||||||||||||||||||
|
||||||||||||||||||||||||
|
||||||||||||||||||||||||
|
||||||||||||||||||||||||
|
||||||||||||||||||||||||
|
||||||||||||||||||||||||
|
||||||||||||||||||||||||
|
||||||||||||||||||||||||
|
||||||||||||||||||||||||
|
||||||||||||||||||||||||
|
||||||||||||||||||||||||
|
||||||||||||||||||||||||
|
||||||||||||||||||||||||
|
HTML 4.01, ISO 10646, ISO 8879, Latin extended A and B,
Browser support: Internet Explorer > 4, Netscape > 4 |
||||||||||||||||||||||||
|
||||||||||||||||||||||||
|
input box에서 한영 상태를 전환하는 style
HTML의 특수 문자들
출처 : 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üsseldorf or Dü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 |
---|---|---|---|
– | – | – | en dash |
— | — | — | em dash |
¡ | ¡ | ¡ | inverted exclamation |
¿ | ¿ | ¿ | inverted question mark |
" | " | " | quotation mark |
“ | “ | “ | left double curly quote |
” | ” | ” | right double curly quote |
‘ | ‘ | ‘ | left single curly quote |
’ | ’ | ’ | right single curly quote |
« » |
«
» |
«
» |
guillemets (European-style quotation marks) |
(Its there, but you can't see it!) |
|   | non-breaking space |
Symbols | |
||
& | & | & | ampersand |
¢ | ¢ | ¢ | cent |
© | © | © | copyright |
÷ | ÷ | ÷ | divide |
> | > | > | greater than |
< | < | < | less than |
µ | µ | µ | micron |
· | · | · | middle dot |
¶ | ¶ | ¶ | pilcrow (paragraph sign) |
± | ± | ± | plus/minus |
€ | € | € | Euro |
£ | £ | £ | British Pound Sterling |
® | ® | ® | registered |
§ | § | § | section |
™ | ™ | ™ | trademark |
¥ | ¥ | ¥ | Japanese Yen |
Diacritics | |
||
á Á |
á
Á |
á
Á |
lower-case "a" with acute accent
upper-case "A" with acute accent |
à À |
à
À |
à
À |
lower-case "a" with grave accent
upper-case "A" with grave accent |
â Â |
â
 |
â
 |
lower-case "a" with circumflex
upper-case "A" with circumflex |
å Å |
å
Å |
å
Å |
lower-case "a" with ring
upper-case "A" with ring |
ã Ã |
ã
à |
ã
à |
lower-case "a" with tilde
upper-case "A" with tilde |
ä Ä |
ä
Ä |
ä
Ä |
lower-case "a" with diaeresis/umlaut
upper-case "A" with diaeresis/umlaut |
æ Æ |
æ
Æ |
æ
Æ |
lower-case "ae" ligature
upper-case "AE" ligature |
ç Ç |
ç
Ç |
ç
Ç |
lower-case "c" with cedilla
upper-case "C" with cedilla |
é É |
é
É |
é
É |
lower-case "e" with acute accent
upper-case "E" with acute accent |
è È |
è
È |
è
È |
lower-case "e" with grave accent
upper-case "E" with grave accent |
ê Ê |
ê
Ê |
ê
Ê |
lower-case "e" with circumflex
upper-case "E" with circumflex |
ë Ë |
ë
Ë |
ë
Ë |
lower-case "e" with diaeresis/umlaut
upper-case "E" with diaeresis/umlaut |
í Í |
í
Í |
í
Í |
lower-case "i" with acute accent
upper-case "I" with acute accent |
ì Ì |
ì
Ì |
ì
Ì |
lower-case "i" with grave accent
upper-case "I" with grave accent |
î Î |
î
Î |
î
Î |
lower-case "i" with circumflex
upper-case "I" with circumflex |
ï Ï |
ï
Ï |
ï
Ï |
lower-case "i" with diaeresis/umlaut
upper-case "I" with diaeresis/umlaut |
ñ Ñ |
ñ
Ñ |
ñ
Ñ |
lower-case "n" with tilde
upper-case "N" with tilde |
ó Ó |
ó
Ó |
ó
Ó |
lower-case "o" with acute accent
upper-case "O" with acute accent |
ò Ò |
ò
Ò |
ò
Ò |
lower-case "o" with grave accent
upper-case "O" with grave accent |
ô Ô |
ô
Ô |
ô
Ô |
lower-case "o" with circumflex
upper-case "O" with circumflex |
ø Ø |
ø
Ø |
ø
Ø |
lower-case "o" with slash
upper-case "O" with slash |
õ Õ |
õ
Õ |
õ
Õ |
lower-case "o" with tilde
upper-case "O" with tilde |
ö Ö |
ö
Ö |
ö
Ö |
lower-case "o" with diaeresis/umlaut
upper-case "O" with diaeresis/umlaut |
ß | ß | ß | ess-tsett |
ú Ú |
ú
Ú |
ú
Ú |
lower-case "u" with acute accent
upper-case "U" with acute accent |
ù Ù |
ù
Ù |
ù
Ù |
lower-case "u" with grave accent
upper-case "U" with grave accent |
û Û |
û
Û |
û
Û |
lower-case "u" with circumflex
upper-case "U" with circumflex |
ü Ü |
ü
Ü |
ü
Ü |
lower-case "u" with diaeresis/umlaut
upper-case "U" with diaeresis/umlaut |
ÿ | ÿ | ÿ | lower-case "y" with diaeresis/umlaut |
´ ` |
´
` |
acute accent with no letter
grave accent/reversed apostrophe with no letter |
Notes:
-
The " entity was mistakenly omitted from the HTML 3.2 specification. While use of " 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 " instead). The omission has been corrected in the HTML 4.0 specification.