статьи > шрифтовой дизайн > Вставка специальных символов в html-код    


Адрес оригинала статьи: http://karatel.nm.ru/
Адрес автора: karatel@yandex.ru

 

Иногда стандартных символов оказывается недостаточно для разработки хорошего дизайна страницы. На этот случай существует возможность использовать специальные символы. Их применение сводится ко вставке в html-код страницы ASCII-кодов этих символов. Делается это, например, так:

© Copyright by Каратель

или так:

© Copyright by Каратель

В результате чего ваши посетители увидят:

© Copyright by Каратель

В текстовых редакторах, строке чата, да и вообще где угодно, вставить символ можно следующим образом: нажимаете клавишу NumLock (включаете цифровую часть клавиатуры), затем, удерживая клавишу Alt, набираете код символа (набираете только цифры; например, для вставки символа с кодом &#169 Вам нужно нажать Alt, и, не отпуская его, набрать 169), потом отпускаете Alt. Правда, вставить символ из другого шрифта таким образом не получится.

Вот некоторые из этих кодов для обычного шрифта:

&#131 - ƒ
&#134 - †
&#135 - ‡
&#137 - ‰
&#149 - •
&#153 - ™
&#168 - ¨
&#169 - ©
&#174 - ®
&#175 - ¯
&#176 - °
&#177 - ±
&#178 - ²
&#179 - ³
&#182 - ¶
&#183 - ·
&#185 - ¹
&#188 - ¼
&#189 - ½
&#190 - ¾
&#8539 - ⅛
&#8540 - ⅜
&#8541 - ⅝
&#8542 - ⅞
&#191 - ¿
&#215 - ×
&#216 - Ø
&#331 - ŋ
&#937 - Ω
&#916 - Δ
&#920 - Θ
&#926 - Ξ
&#931 - Σ
&#936 - Ψ
&#945 - α
&#946 - β
&#947 - γ
&#948 - δ
&#951 - η
&#952 - θ
&#955 - λ
&#957 - ν
&#958 - ξ
&#960 - π
&#961 - ρ
&#966 - φ
&#968 - ψ
&#969 - ω
&#1028 - Є
&#1072 - а
&#1073 - б
&#1074 - в
&#1075 - г
&#1076 - д
&#1077 - е
&#1078 - ж
&#1079 - з
&#1080 - и
&#1081 - й
&#1082 - к
&#1083 - л
&#1084 - м
&#1085 - н
&#1086 - о
&#1087 - п
&#1088 - р
&#1089 - с
&#1090 - т
&#1091 - у
&#1092 - ф
&#1093 - х
&#1094 - ц
&#1095 - ч
&#1096 - ш
&#1097 - щ
&#1098 - ъ
&#1099 - ы
&#1100 - ь
&#1101 - э
&#1102 - ю
&#1103 - я
&#9786 - ☺
&#9787 - ☻
&#9788 - ☼
&#9792 - ♀
&#9794 - ♂
&#9824 - ♠
&#9827 - ♣
&#9829 - ♥
&#9830 - ♦
&#9834 - ♪
&#9835 - ♫
&#9702 - ◦
&#9689 - ◙
&#9688 - ◘
&#9679 - ●
&#9675 - ○
&#9674 - ◊
&#9668 - ◄
&#9660 - ▼
&#9658 - ►
&#9650 - ▲
&#9642 - ▪
&#9643 - ▫
&#9644 - ▬
&#9632 - ■
&#9619 - ▓
&#9618 - ▒
&#9617 - ░
&#9616 - ▐
&#9608 - █
&#9604 - ▄
&#9600 - ▀
&#8494 - ℮
&#8467 - ℓ
&#8453 - ℅
&#8362 - ₪
&#8359 - ₧
&#8319 - ⁿ
&#8800 - ≠
&#8801 - ≡
&#8804 - ≤
&#8805 - ≥
&#8776 - ≈
&#8747 - ∫
&#8745 - ∩
&#8735 - ∟
&#8734 - ∞
&#8730 - √
&#8729 - ∙
&#8719 - ∏
&#8706 - ∂
&#8597 - ↕
&#8596 - ↔
&#8595 - ↓
&#8594 - →
&#8593 - ↑
&#8592 - ←
&#9552 - ═
&#9553 - ║
&#9554 - ╒
&#9555 - ╓
&#9556 - ╔
&#9557 - ╕
&#9558 - ╖
&#9559 - ╗
&#9560 - ╘
&#9561 - ╙
&#9562 - ╚
&#9563 - ╛
&#9564 - ╜
&#9565 - ╝
&#9566 - ╞
&#9567 - ╟
&#9568 - ╠
&#9569 - ╡
&#9570 - ╢
&#9571 - ╣
&#9572 - ╤
&#9573 - ╥
&#9574 - ╦
&#9575 - ╧
&#9576 - ╨
&#9577 - ╩
&#9578 - ╪
&#9579 - ╫
&#9580 - ╬
&#161 - ¡
&#1563 - ؛
&#1567 - ؟
&#1645 - ٭
&#1750 - ۖ
&#305 - ı
&#254 - þ
&#954 - κ


Существуют специальные шрифты, состоящие из одних картинок, созданные для "беспроблемного" введения графики на страницы. По-английски они называются dingbats - поищите на специализированных сайтах ;). Одним из таких шрифтов является Webdings. Он хорош тем, что поставляется в составе Internet Explorer, поэтому присутствует у большинства пользователей Windows. Это означает, что то, что Вы напечатали этим шрифтом, на другом компьютере будет с большой долей вероятности выглядеть так же, как и у Вас. Вот раскладка символов для него:

! - !
@ - @
# - #
$ - $
% - %
^ - ^
& - &
* - *
( - (
) - )
_ - _
+ - +
1 - 1
2 - 2
3 - 3
4 - 4
5 - 5
6 - 6
7 - 7
8 - 8
9 - 9
0 - 0
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
R - R
S - S
T - T
U - U
W - W
V - V
X - X
Y - Y
Z - Z
&#96 - `
a - a
b - b
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
&#126 - ~
&#129 - ?
&#130 -
&#131 - ѓ
&#132 -
&#133 -
&#134 -
&#135 -
&#136 - ˆ
&#137 -
&#138 - Š
&#139 -
&#140 - Œ
&#141 - ?
&#142 - Ž
&#143 - ?
&#144 - ?
&#145 -
&#146 -
&#147 -
&#148 -
&#149 -
&#150 -
&#151 -
&#152 - ˜
&#155 -
&#161 - ¡
&#163 - £
&#164 - ¤
&#165 - ¥
&#166 - ¦
&#167 - §
&#168 - ¨
&#169 - ©
&#170 - ª
&#171 - «
&#174 - ®
&#176 - °
&#177 - ±
&#178 - ²
&#179 - ³
&#180 - ´
&#181 - µ
&#183 - ·
&#184 - ¸
&#185 - ¹
&#186 - º
&#187 - »
&#190 - ¾
&#191 - ¿
&#192 - À
&#193 - Á
&#194 - Â
&#195 - Ã
&#196 - Ä
&#197 - Å
&#199 - Ç
&#200 - È
&#201 - É
&#202 - Ê
&#203 - Ë
&#204 - Ì
&#205 - Í
&#206 - Î
&#207 - Ï
&#208 - Ð
&#209 - Ñ
&#210 - Ò
&#211 - Ó
&#212 - Ô
&#213 - Õ
&#214 - Ö
&#221 - Ý
&#222 - Þ
&#224 - à
&#225 - á
&#226 - â
&#227 - ã
&#228 - ä
&#229 - å
&#230 -æ
&#231 - ç
&#232 - è
&#233 - é
&#235 - ë
&#236 - ì
&#241 - ñ
&#242 - ò
&#243 - ó
&#244 - ô
&#245 - õ
&#246 - ö
&#1063 - Ч
&#1064 - Ш
&#1065 - Щ
&#1066 - Ъ
&#1067 - Ы
&#1068 - Ь
&#1095 - ч
&#1096 - ш
&#1097 - щ
&#1099 - ы
&#1100 - ь
&#1101 - э
&#1102 - ю
&#1103 - я


Еще один шрифт, который стоит практически у всех пользователей Windows - это Wingdings. Ниже приведена таблица кодов для него.

! - !
" - "
# - #
$ - $
% - %
& - &
' - '
( - (
) - )
* - *
+ - +
, - ,
- - -
. - .
/ - /
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 - D
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
[ - [
\ - \
] - ]
^ - ^
_ - _
` - `
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
{ - {
| - |
&#128; -
&#129; - ?
&#130; -
&#131; - ƒ
&#132; -
&#133; -
&#134; -
&#135; -
&#136; - ˆ
&#137; -
&#138; - Š
&#139; -
&#140; - Œ
&#141; - ?
&#142; - Ž
&#143; - ?
&#144; - ?
&#145; -
&#146; -
&#147; -
&#148; -
&#149; -
&#150; -
&#151; -
&#152; - ˜
&#153; -
&#154; - š
&#155; -
&#156; - œ
&#157; - ?
&#158; - ž
&#159; - Ÿ
&#160; -  
&#161; - ¡
&#162; - ¢
&#163; - £
&#164; - ¤
&#165; - ¥
&#166; - ¦
&#167; - §
&#168; - ¨
&#169; - ©
&#170; - ª
&#171; - «
&#172; - ¬
&#173; - ­
&#174; - ®
&#175; - ¯
&#176; - °
&#177; - ±
&#178; - ²
&#179; - ³
&#180; - ´
&#181; - µ
&#182; -
&#195; - Ã
&#196; - Ä
&#197; - Å
&#198; - Æ
&#199; - Ç
&#200; - È
&#201; - É
&#202; - Ê
&#203; - Ë
&#204; - Ì
&#205; - Í
&#206; - Î
&#207; - Ï
&#208; - Ð
&#209; - Ñ
&#210; - Ò
&#211; - Ó
&#212; - Ô
&#213; - Õ
&#214; - Ö
&#251; - û
&#252; - ü
&#253; - ý
&#254; - þ
&#255; - ÿ


Для некоторых значков введены буквенные коды, которые можно использовать вместо цифровых:

&quot; --> "
&amp; --> &
&lt; --> <
&gt; --> >
&nbsp; -->  
&brkbar;
&die; --> ¨
&iexcl; --> ¡
&cent; --> ¢
&pound; --> £
&curren; --> ¤
&yen; --> ¥
&brvbar; --> ¦
&sect; --> §
&uml; --> ¨
&copy; --> ©
&ordf; --> ª
&laquo; --> «
&not; --> ¬
&shy; --> ­
&reg; --> ®
&macr; --> ¯
&hibar;
&deg; --> °
&plusmn; --> ±
&sup2; --> ²
&sup3; --> ³
&acute; --> ´
&micro; --> µ
&para; --> ¶
&middot; --> ·
&cedil; --> ¸
&sup1; --> ¹
&ordm; --> º
&raquo; --> »
&frac14; --> ¼
&frac12; --> ½
&frac34; --> ¾
&iquest; --> ¿
&Agrave; --> À
&Aacute; --> Á
&Acirc; --> Â
&Atilde; --> Ã
&Auml; --> Ä
&Aring; --> Å
&AElig; --> Æ
&Ccedil; --> Ç
&Eacute; --> É
&Ecirc; --> Ê
&Euml; --> Ë
&Igrave; --> Ì
&Iacute; --> Í
&Icirc; --> Î
&Iuml; --> Ï
&ETH; --> Ð
&Dstrok;
&Ntilde; --> Ñ
&Ograve; --> Ò
&Oacute; --> Ó
&Ocirc; --> Ô
&Otilde; --> Õ
&Ouml; --> Ö
&times; --> ×
&Oslash; --> Ø
&Ugrave; --> Ù
&Uacute; --> Ú
&Ucirc; --> Û
&Uuml; --> Ü
&Yacute; --> Ý
&THORN; --> Þ
&szlig; --> ß
&agrave; --> à
&aacute; --> á
&acirc; --> â
&atilde; --> ã
&auml; --> ä
&aring; --> å
&aelig; --> æ
&ccedil; --> ç
&egrave; --> è
&eacute; --> é
&ecirc; --> ê
&euml; --> ë
&igrave; --> ì
&iacute; --> í
&icirc; --> î
&iuml; --> ï
&eth; --> ð
&ntilde; --> ñ
&ograve; --> ò
&oacute; --> ó
&otilde; --> õ
&divide; --> ÷
&oslash; --> ø
&ugrave; --> ù
&uacute; --> ú
&ucirc; --> û
&uuml; --> ü
&yacute; --> ý
&thorn; --> þ
&yuml; --> ÿ

 
  Управлять размерами шрифта в этой статье можно с помощью пункта View/Text size (IE), или с помощью сочетаний Ctrl+] и Ctrl+[ (NN).
Присылайте мне адреса мест в Сети, где Вы видели ещё материалы по этой теме.
 
 
Используются технологии uCoz