특수문자의 화면 출력 > Tag 배우기

특수문자의 화면 출력

페이지 정보

작성자 관리자 작성일 70-01-01 09:00 조회 34 댓글 0

본문

▷ &ltXMP>태그의 사용 예

⊙ 태그요소

① &ltXMP> ... &lt/XMP>

위에서 언급한 특수문자를 이용해서 표기할 수도 있지만 많은 양의 특수문자가 포함된 글을 나타낼 때에는 매우 번거로운 일이다.
따라서 태그를 적용하지 않겠다는 의미를 부여한 태그가 필요하다.

그 때 사용하는 것이 &ltXMP> 태그이다.

&ltXMP> ... &lt/XMP> 사이에 오는 모든 문장에서는 태그가 적용되지 않고 보이는 그대로 출력된다.

문단은 &ltpre>의 정렬방법으로 정렬한다.

⊙ XMP 태그의 사용 예

코드 작성

실행결과

&lthtml>
  &lthead>
    &lttitle>XMP 태그 사용법&lt/title>
  &lt/head>
  &ltbody>
  &ltfont color="#999999">
  &ltxmp>
    &lthtml>
      &lthead>
        &lttitle>태그 사용 예&lttitle>
      &lt/head>
      &ltbody>
           XMP 태그를 사용하면 태그가 태그로 사용되지 않고
           있는 그대로 화면에 나타난다.
      &lt/body>
    &lt/html>
  &lt/xmp>
  &lt/body>
&lt/html>

태그 사용 예 XMP 태그를 사용하면 태그가 태그로 사용되지 않고 있는 그대로 화면에 나타난다.

HTML 연습장으로 확인해보자

▷ 특수문자, &ltXMP> 태그

⊙ 특수문자

HTML에서 사용되는 예약글자를 표현하기 위해서는 특별한 방법이 필요하다.
'&'로 시작해서 ';'로 끝난다.

표기문자	용도	기호 사용법	번호 사용법
' '	공백, 스페이스	☜ 소문자로 쓴다.
'<'	less than(~보다 작다)	<	<
'>'	geater than(~보다 크다)	>	>
'&'	ampersand(앰퍼샌드)	$amp;amp;	&
' " '	quotation mark(따옴표)	"	"

▷ 한글자모와 함께 사용하는 특수문자

⊙ 한글자모와 특수문자

한글자모
ㅂ (괘선조각)	─ │ ┌ ┐ ┘ └ ├ ┬ ┤ ┴ ┼ ━ ┃ ┏ ┓ ┛ ┗ ┣ ┳ ┫ ┻ ╋ ┠ ┯ ┨ ┷ ┿ ┝ ┰ ┥ ┸ ╂ ┒ ┑ ┚ ┙ ┖ ┕ ┎ ┍ ┞ ┟ ┡ ┢ ┦ ┧ ┩ ┪ ┭ ┮ ┱ ┲ ┵ ┶ ?┺ ┽ ┾ ╀ ╁ ╃ ╄ ╅ ╆ ╇ ╈ ╉ ╊
ㅈ (로마숫자)	０１２３４５６７８９ ⅰ ⅱ ⅲ ⅳ ⅴ ⅵ ⅶ ⅷ ⅸ ⅹ Ⅰ Ⅱ Ⅲ Ⅳ Ⅴ Ⅵ Ⅶ Ⅷ Ⅸ Ⅹ
ㄷ (학술기호)	＋－＜＝＞ ± × ÷ ≠ ≤ ≥ ∞ ∴ ♂ ♀ ∠ ⊥ ⌒ ∂ ∇ ≡ ≒ ≪ ≫ √ ∽ ∝ ∵ ∫ ∬ ∈ ∋ ⊆ ⊇ ⊂ ⊃ ∪ ∩ ∧ ∨ ￢ → ↔ ∀ ∃ ∮ ∑ ∏
ㄱ (기술기호)	！＇，．￣：； ‥ … ¨ 〃 ― ∥ ＼ ∼ ´ ～ ˇ ˘ ˝ ˚ ˙ ¸ ˛ ¡ ¿ ː
ㅅ (한글표제기호)	㉠㉡㉢㉣㉭㉥㉦㉧㉨㉩㉪㉫㉬㉭㉮㉯㉰㉱㉲㉳㉴㉵㉶㉷㉸㉹㉺㉻㈀㈁㈂㈃㈄㈅㈆㈇㈈㈉㈊㈋㈌㈍㈎㈏㈐㈑㈒㈓㈔㈕㈖㈗㈘㈙㈚㈛
ㅃ (카타카나)	ァアィイゥウェエォオカガキギクグケゲコゴサザシジスズセゼソゾタダチヂッツヅテデトドナニヌネノハバパヒビピフブプヘベペホボポマミムメモャヤュユョヨラリルロヮワヰヱヲンヴヵヶ
ㄸ (히라가나)	ぁあぃいぅうぇえぉおかがきぎくぐけげこごさざしじすずせぜそぞただちぢっつづてでとどなにぬねのはばぱひびぴふぶぷへべぺほぼぽまみむめもゃやゅゆょよらりるれろゎわゐゑをん
ㄲ (라틴문자)	Æ Ð Ħ Ĳ Ŀ Ł Ø Œ º Þ Ŧ Ŋ æ đ ð ħ ı ĳ ĸ ŀ ł ø œ ß þ ŧ ŋ ŉ
ㅆ (러시아문자)	А Б В Г Д Е Ё Ж З И Й К Л М Н О П Р С Т У Ф Х Ц Ч Ш Щ Ъ Ы Ь Э Ю Я а б в г д е ё ж з и й к л м н о п р с т у ф х ц ч ш щ ъ ы ь э ю я
ㅁ (일반기호)	＃＆＊＠ § ※ ☆ ★ ○ ● ◎ ◇ ◆ □ ■ △ ▲ ▽ ▼ → ← ↑ ↓ ↔ 〓 ◁ ◀ ▷ ▶ ♤ ♠ ♡ ♥ ♧ ♣ ⊙ ◈ ▣ ◐ ◑ ▒ ▤ ▥ ▨ ▧ ▦ ▩ ♨ ☏ ☎ ☜ ☞ ¶ † † ↕ ↗ ↙ ↖ ↘ ♭ ♩ ♪ ♬ ㉿㈜ № ㏇ ™ ㏂㏘ ℡ R ª º
ㄴ (괄호기호)	＂（）［］｛｝ ‘ ’ “ ” 〔〕〈〉《》「」『』【】
ㅇ (영문표제기호)	ⓐ ⓑ ⓒ ⓓ ⓔ ⓕ ⓖ ⓗ ⓘ ⓙ ⓚ ⓛ ⓜ ⓝ ⓞ ⓖ ⓠ ⓡ ⓢ ⓣ ⓤ ⓥ ⓦ ⓧ ⓨ ⓩ ① ② ③ ④ ⑤ ⑥ ⑦ ⑧ ⑨ ⑩ ⑪ ⑫ ⑬ ⑭ ⑮ ⒜ ⒝ ⒞ ⒟ ⒠ ⒡ ⒢ ⒣ ⒤ ⒥ ⒦ ⒧ ⒨ ⒩ ⒪ ⒫ ⒬ ⒭ ⒮ ⒯ ⒰ ⒱ ⒲ ⒳ ⒴ ⒵ ⑴ ⑵ ⑶ ⑷ ⑸ ⑹ ⑺ ⑻ ⑼ ⑽ ⑾ ⑿ ⒀ ⒁ ⒂
ㄹ (단위기호)	＄％￦Ｆ ′ ′ ℃ Å ￠￡￥ ¤ ℉ ‰ ? ㎕㎖㎗ ℓ ㎘㏄㎣㎤㎥㎦㎙㎚㎛㎜㎝㎞㎟㎠㎡㎢㏊㎍㎎㎏㏏㎈㎉㏈㎧㎨㎰㎱㎲㎳㎴㎵㎶㎷㎸㎹㎀㎁㎂㎃㎄㎺㎻㎼㎽㎾㎿㎐㎑㎒㎓㎔ Ω ㏀㏁㎊㎋㎌㏖㏅㎭㎮㎯㏛㎩㎪㎫㎬㏝㏐㏓㏃㏉㏜㏆
ㅎ (그리스문자)	Α Β Γ Δ Ε Ζ Η Θ Ι Κ Λ Μ Ν Ξ Ο Π Ρ Σ Τ Υ Φ Χ Ψ Ω α β γ δ ε ζ η θ ι κ λ μ ν ξ ο π ρ σ τ υ φ χ ψ ω
ㅋ (한글현대자모)	ㄱ ㄲ ㄳ ㄴ ㄵ ㄶ ㄷ ㄸ ㄹ ㄺ ㄻ ㄼ ㄽ ㄾ ㄿ ㅀ ㅁ ㅂ ㅃ ㅄ ㅅ ㅆ ㅇ ㅈ ㅉ ㅊ ㅋ ㅌ ㅍ ㅎ ㅏ ㅐ ㅑ ㅒ ㅓ ㅔ ㅕ ㅖ ㅗ ㅘ ㅙ ㅚ ㅛ ㅜ ㅝ ㅞ ㅟ ㅠ ㅡ ㅢ ㅣ
ㅌ (한글고어자모)	ㅥ ㅦ ㅧ ㅨ ㅩ ㅪ ㅫ ㅬ ㅭ ㅮ ㅯ ㅰ ㅱ ㅲ ㅳ ㅴ ㅵ ㅶ ㅷ ㅸ ㅹ ㅺ ㅻ ㅼ ㅽ ㅾ ㅿ ㆀ ㆁ ㆂ ㆃ ㆄ ㆅ ㆆ ㆇ ㆈ ㆉ ㆊ ㆋ ㆌ ㆍ ㆎ
ㅊ (분수첨자)	½ ⅓ ⅔ ¼ ¾ ⅛ ⅜ ⅝ ⅞ ¹ ² ³ ⁴ ⁿ ₁ ₂ ₃ ₄
ㅍ (그리스문자)	ＡＢＣＤＥＦＧＨＩＪＫＬＭＮＯＰＱＲＳＴＵＶＷＸＹＺａｂｃｄｅｆｇｈｉｊｋｌｍｎｏｐｑｒｓｔｕｖｗｘｙｚ

▷ Symbolic HTML entity

⊙ Symbolic 특수문자

※ <pre>...</pre> 태그로 감싸주면 잘 나타납니다.

" = "
& = &
< = <
> = >
  = 공백(space)
¡ = ¡
¢ = ￠
£ = ￡
¤ = ¤
¥ = ￥
¦ = |
§ = §
¨ = ¨
© = copy;
ª = ª
« = ≪
¬ = ￢
 =
® = ®
¯ = ?
° = °
± = ±
² = ²
³ = ³
´ = ´

µ = µ
¶ = ¶
· = ·
¸ = ¸
¹ = ¹
º = º
» = »
¼ =¼
&frac1/2; = &frac1/2;
¾ = ¾
¿ = ¿
à = à
á = á
â = â
ã = ã
ä = ä
å = å
æ = æ
ç = ç
è = è
é = é
ê = ê
ë = ë
ì = ì
í = í

î = î
ï = ï
ð = ð
ñ = ñ
ò = ò
ó = ó
ô = ô
õ = õ
ö = ö
× = ×
ø = ø
&ougrave; = &ougrave;
ú = ú
û = û
ü = ü
ý = ý
þ = þ
ß = ß
à = à
á = á
â = â
ã = ã
ä = ä
å = å
æ = æ

ç = ç
è = è
é = é
ê = ê
ë = ë
ì = ì
í = í
î = î
ï = ï
ð = ð
ñ = ñ
ò = ò
ó = ó
ô = ô
õ = õ
ö = ö
&divde; = &divde;
ø = ø
ù = ù
ú = ú
û = û
ü = ü
ý = ý
þ = þ
ÿ = ÿ

▷ Numeric HTML entity

⊙ Numeric 특수문자

  =
! = !
" = "
# = #
$ = $
% = %
& = &
' = '
( = (
) = )
* = *
+ = +
, = ,
- = -
. = .
/ = /
0 = 0
1 = 1
2 = 2
3 = 3
4 = 4
5 = 5
6 = 6
7 = 7
8 = 8
9 = 9
: = :
; = ;
< = <
= = =
> = >
? = ?
@ = @
A = A
B = B
C = C
D = D
E = E
F = F
G = G
H = H
I = I
J = I
K = K
L = L
M = M
N = N
O = O

P = P
Q = Q
R = R
S = S
T = T
U = U
V = V
W = W
X = X
Y = Y
Z = Z
[ = [
\ = \
] = ]
^ = ^
_ = _
` = `
a = a
b = b
c = c
d = d
e = e
f = f
g = g
h = h
i = i
j = j
k = k
l = l
m = m
n = n
o = o
p = p
q = q
r = r
s = s
t = t
u = u
v = v
w = w
x = x
y = y
z = z
{ = {
| = |
} = }
~ = ~

¡ = ¡
¢ = ￠
£ = ￡
¤ = ¤
¥ = ￥
¦ = |
§ = §
¨ = ¨
© = ⓒ
ª = ª
« = ≪
¬ = ￢
 =
® = ®
¯ = ?
° = °
± = ±
² = ²
³ = ³
´ = ´
µ = μ
¶ = ¶
· = ·
¸ = ¸
¹ = ¹
º = º
» = ≫
¼ = ¼
½ = ½
¾ = ¾
¿ = ¿
À = À
Á = Á
Â = Â
Ã = Ã
Ä = Ä
Å = Å
Æ = Æ
Ç = Ç
È = È
É = É
Ê = Ê
Ë = Ë
Ì = Ì
Í = Í
Î = Î
Ï = Ï
Ð = Ð

Ñ = Ñ
Ò = Ò
Ó = Ó
Ô = Ô
Õ = Õ
Ö = Ö
× = ×
Ø = Ø
Ù = Ù
Ú = Ú
Û = Û
Ü = Ü
Ý = Ý
Þ = Þ
ß = ß
à = à
á = á
â = â
ã = ã
ä = ä
å = å
æ = æ
ç = ç
è = è
é = é
ê = ê

댓글목록 0

등록된 댓글이 없습니다.

인기검색어

메뉴
검색
콩나물대제국