記号と特殊文字
 　(例) !　の　HTML=　<font size="3" face="Webdings" color="#7107C1">&#x21;</font>
ｺｰﾄﾞ ﾌｫﾝﾄ
16進 symbol Wingdings Wingdings 2 Wingdings 3 Webdings
21 ! ! ! ! !
22 " " " " "
23 # # # # #
24 $ $ $ $ $
25 % % % % %
26 & & & & &
27 ' ' ' ' '
28 ( ( ( ( (
29 ) ) ) ) )
2a * * * * *
2b + + + + +
2c , , , , ,
2d - - - - -
2e . . . . .
2f / / / / /
30 0 0 0 0 0
31 1 1 1 1 1
32 2 2 2 2 2
33 3 3 3 3 3
34 4 4 4 4 4
35 5 5 5 5 5
36 6 6 6 6 6
37 7 7 7 7 7
38 8 8 8 8 8
39 9 9 9 9 9
3a : : : : :
3b ; ; ; ; ;
3c < < < < <
3d = = = = =
3e > > > > >
3f ? ? ? ? ?
40 @ @ @ @ @
41 A A A A A
42 B B B B B
43 C C C C C
44 D D D D D
45 E E E E E
46 F F F F F
47 G G G G G
48 H H H H H
49 I I I I I
4a J J J J J
4b K K K K K
4c L L L L L
4d M M M M M
4e N N N N N
4f O O O O O
50 P P P P P
51 Q Q Q Q Q
52 R R R R R
53 S S S S S
54 T T T T T
55 U U U U U
56 V V V V V
57 W W W W W
58 X X X X X
59 Y Y Y Y Y
5a Z Z Z Z Z
5b [ [ [ [ [
5c \ \ \ \ \
5d ] ] ] ] ]
5e ^ ^ ^ ^ ^
5f _ _ _ _ _
60 ` ` ` ` `
61 a a a a a
62 b b b b b
63 c c c c c
64 d d d d d
65 e e e e e
66 f f f f f
67 g g g g g
68 h h h h h
69 i i i i i
6a j j j j j
6b k k k k k
6c l l l l l
6d m m m m m
6e n n n n n
6f o o o o o
70 p p p p p
71 q q q q q
72 r r r r r
73 s s s s s
74 t t t t t
75 u u u u u
76 v v v v v
77 w w w w w
78 x x x x x
79 y y y y y
7a z z z z z
7b { { { { {
7c | | | | |
7d } } } } }
7e ~ ~ ~ ~ ~
7f     
80 € € € € €
81     
82 ‚ ‚ ‚ ‚ ‚
83 ƒ ƒ ƒ ƒ ƒ
84 „ „ „ „ „
85 … … … … …
86 † † † † †
87 ‡ ‡ ‡ ‡ ‡
88 ˆ ˆ ˆ ˆ ˆ
89 ‰ ‰ ‰ ‰ ‰
8a Š Š Š Š Š
8b ‹ ‹ ‹ ‹ ‹
8c Œ Œ Œ Œ Œ
8d     
8e Ž Ž Ž Ž Ž
8f     
90     
91 ‘ ‘ ‘ ‘ ‘
92 ’ ’ ’ ’ ’
93 “ “ “ “ “
94 ” ” ” ” ”
95 • • • • •
96 – – – – –
97 — — — — —
98 ˜ ˜ ˜ ˜ ˜
99 ™ ™ ™ ™ ™
9a š š š š š
9b › › › › ›
9c œ œ œ œ œ
9d     
9e ž ž ž ž ž
9f Ÿ Ÿ Ÿ Ÿ Ÿ
a0          
a1 ¡ ¡ ¡ ¡ ¡
a2 ¢ ¢ ¢ ¢ ¢
a3 £ £ £ £ £
a4 ¤ ¤ ¤ ¤ ¤
a5 ¥ ¥ ¥ ¥ ¥
a6 ¦ ¦ ¦ ¦ ¦
a7 § § § § §
a8 ¨ ¨ ¨ ¨ ¨
a9 © © © © ©
aa ª ª ª ª ª
ab « « « « «
ac ¬ ¬ ¬ ¬ ¬
ad ­ ­ ­ ­ ­
ae ® ® ® ® ®
af ¯ ¯ ¯ ¯ ¯
b0 ° ° ° ° °
b1 ± ± ± ± ±
b2 ² ² ² ² ²
b3 ³ ³ ³ ³ ³
b4 ´ ´ ´ ´ ´
b5 µ µ µ µ µ
b6
b7 · · · · ·
b8 ¸ ¸ ¸ ¸ ¸
b9 ¹ ¹ ¹ ¹ ¹
ba º º º º º
bb » » » » »
bc ¼ ¼ ¼ ¼ ¼
bd ½ ½ ½ ½ ½
be ¾ ¾ ¾ ¾ ¾
bf ¿ ¿ ¿ ¿ ¿
c0 À À À À À
c1 Á Á Á Á Á
c2 Â Â Â Â Â
c3 Ã Ã Ã Ã Ã
c4 Ä Ä Ä Ä Ä
c5 Å Å Å Å Å
c6 Æ Æ Æ Æ Æ
c7 Ç Ç Ç Ç Ç
c8 È È È È È
c9 É É É É É
ca Ê Ê Ê Ê Ê
cb Ë Ë Ë Ë Ë
cc Ì Ì Ì Ì Ì
cd Í Í Í Í Í
ce Î Î Î Î Î
cf Ï Ï Ï Ï Ï
d0 Ð Ð Ð Ð Ð
d1 Ñ Ñ Ñ Ñ Ñ
d2 Ò Ò Ò Ò Ò
d3 Ó Ó Ó Ó Ó
d4 Ô Ô Ô Ô Ô
d5 Õ Õ Õ Õ Õ
d6 Ö Ö Ö Ö Ö
d7 × × × × ×
d8 Ø Ø Ø Ø Ø
d9 Ù Ù Ù Ù Ù
da Ú Ú Ú Ú Ú
db Û Û Û Û Û
dc Ü Ü Ü Ü Ü
dd Ý Ý Ý Ý Ý
de Þ Þ Þ Þ Þ
df ß ß ß ß ß
e0 à à à à à
e1 á á á á á
e2 â â â â â
e3 ã ã ã ã ã
e4 ä ä ä ä ä
e5 å å å å å
e6 æ æ æ æ æ
e7 ç ç ç ç ç
e8 è è è è è
e9 é é é é é
ea ê ê ê ê ê
eb ë ë ë ë ë
ec ì ì ì ì ì
ed í í í í í
ee î î î î î
ef ï ï ï ï ï
f0 ð ð ð ð ð
f1 ñ ñ ñ ñ ñ
f2 ò ò ò ò ò
f3 ó ó ó ó ó
f4 ô ô ô ô ô
f5 õ õ õ õ õ
f6 ö ö ö ö ö
f7 ÷ ÷ ÷ ÷ ÷
f8 ø ø ø ø ø
f9 ù ù ù ù ù
fa ú ú ú ú ú
fb û û û û û
fc ü ü ü ü ü
fd ý ý ý ý ý
fe þ þ þ þ þ
ffÿ ÿ ÿ ÿ ÿ

　

※ : PC環境 : ﾌｫﾝﾄ　webdings.ttf などのｲﾝｽﾄｰﾙが必要（C:\WINDOWS\Fonts\webdings.ttf など）。　　【MS Office】-[挿入]-[記号と特殊文字]-[ﾌｫﾝﾄ] : Webdings でも、入力可。

　

　

ﾎｰﾑへ　　　　　　　ｻﾝﾌﾟﾙﾍﾟｰｼﾞ　　 絵文字 1emoji1.htm

絵文字（HTML）、! など。　　　　　　HTML。　　　　　　色、ｻｲｽﾞなどのｶｽﾀﾏｲｽﾞはﾃｷｽﾄｴﾃﾞｨﾀｰなどで可。　　　　all 対応。　　　　　ｺﾋﾟｰ、編集し、簡単にWebで応用できまっ、(^ ^)。 　　　　関連・詳細情報　：　Microsoft Recommended fonts > Webdings、Download Microsoft Core Fonts、Webdingsのﾀﾞｳﾝﾛｰﾄﾞ、Wingdingsのﾀﾞｳﾝﾛｰﾄﾞ

　

< ご使用方法 >

・　ﾛｰｶﾙ（=PC）への保存は、emoji1.htm を右ｸﾘｯｸ、[対象をﾌｧｲﾙに保存] - 【ﾌｧｲﾙのﾀﾞｳﾝﾛｰﾄﾞ】、【ﾌｧｲﾙ名を付けて保存】 - <保存する場所>： ……、などで。　　　　※: 【Internet Explorer】 - [ﾌｧｲﾙ] - [名前を付けて保存]−[ﾌｧｲﾙの種類] ”Webﾍﾟｰｼﾞ、完全” ……、などで変わってしまったﾌｧｲﾙ名や、*.html 中のﾊﾟｽは要修正。

・　このDHTMLの実装方法は、emoji1.htm をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、ﾎｰﾑﾍﾟｰｼﾞ作成ｿﾌﾄなどのHTML挿入/編集ﾒﾆｭｰなどを使って、新しいﾍﾟｰｼﾞ 1 や hogehoge.html（=任意の挿入先ﾌｧｲﾙ名） の、<head>　〜</head>の任意の行間に (*1) を、さらに<body>　〜</body>の任意の行間に (*2) をﾍﾟｰｽﾄします。

･　編集方法は、hogehoge.html を WordPad や SmipleTextなどのﾃｷｽﾄｴﾃﾞｨﾀｰ、あるいはﾎｰﾑﾍﾟｰｼﾞ制作ｿﾌﾄのHTMLﾀｸﾞ挿入/編集ﾒﾆｭｰ で開き編集します。　　　　下記の（例） (*1) と、(*2) を参考に太字部分の編集を任意に行います。　　　 ※: ﾃｷｽﾄｴﾃﾞｨﾀｰによる編集は、HP制作ｿﾌﾄとの互換性の問題を生じません（HP制作ｿﾌﾄ間は少し生じる）。

・　作動ﾃｽﾄは、ﾛｰｶﾙ（PC）に保存し、 Internet Explorer 6.x〜 などで開いて。　　 　PC環境 : ﾌｫﾝﾄ　webdings.ttf のｲﾝｽﾄｰﾙが必要（C:\WINDOWS\Fonts\webdings.ttf など）。更新の確認は、ie、Netscapeやｻｰﾊﾞｰからのｷｬｯｼｭﾃﾞｰﾀｰ更新を、目的のﾍﾟｰｼﾞを表示し ieで [F5]ｷｰ を押し最新ﾃﾞｰﾀ読み込みで行います（≠再ｱｸｾｽ）。　　　Netscapeは、Ctrl+Ｒｷｰで。

･　ｱｯﾌﾟﾛｰﾄﾞや作動ﾃｽﾄは、hogehoge.html と同じ階層〔ﾎﾙﾀﾞｰ/ﾃﾞｨﾚｸﾄﾘｰ〕に、使用する画像なども転送/配置し実施。　　※：別ﾃﾞｨﾚｸﾄﾘｰに配置時は、*.html 中のﾊﾟｽは要修正。　　　FTPなどで変わったﾌｧｲﾙ名は要修正。　　　　ｽｸﾘﾌﾟﾄ構文中への改行混入は非作動原因。

　･　関連情報 ： 色記号6、2、ｽﾀｲﾙｼｰﾄﾘﾌｧﾚﾝｽ、ﾎｰﾑﾍﾟｰｼﾞ開設入門が便利！。　　　Web Development、Web開発、MSDN IE8 HTMLとCSS。

　

　

(*1) ：　emoji1.htm （例）　　　　　　　　挿入先の 　<head> 〜 </head>の、〜部分にﾍﾟｰｽﾄします。

HTMLの編集方法　  (*1) をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、下記↓のHTMLを挿入先ﾌｧｲﾙにﾍﾟｰｽﾄ、太字部分を編集し使用。
〔この列ﾍﾟｰｽﾄ不要〕

ｼﾌﾄJIS使用（削除不可）

ｉｅなどに表示するｱｲｺﾝﾌｧｲﾙ名（削除可）

<style type 〜</style>は（削除可）
(*1)〜(*3)表ﾀｲﾄﾙ背景

body 文字色　背景色　下線
ﾊｲﾊﾟｰﾘﾝｸ 〃
表示済みの〃
ﾏｳｽｵｰﾊﾞｰ時の〃
ｸﾘｯｸ中の〃
ﾌｫﾝﾄ

ﾘﾝｸを新しいWinで開くを標準（削除可）※：target=　いろいろ
同じﾌﾚｰﾑ=_self、ﾍﾟｰｼﾞ全体=_top、親ﾌﾚｰﾑ=_parent
お気に入り、ﾀｽｸﾊﾞｰに表示するﾍﾟｰｼﾞ名（≠ﾌｧｲﾙ名）

　

<meta http-equiv="Content-Type" content="text/html; charset=x-sjis">

<link REL="SHORTCUT ICON" href="favicon.ico">

<style type="text/css"><!--
.xxx0 { background: #F9F8F9 url('wttec.gif'); }
.xxx1 { background-color:#E3E0DC; }
.xxx2 { background-color:#FFFFFF; }
body { color:#000000; background: #F9F8F9 url('wttec.gif'); text-decoration:none; }
a:link { color:#3C0055; background-color:#FBFAFE; text-decoration:none; }
a:visited { color:#270037; background-color:#EDECEF; text-decoration:none; }
a:hover { color:#1F002E; background-color:#D2F3F4; text-decoration:underline; }
a:active { color:#1F002E; background-color:#F5FFD2; text-decoration:underline; }
font {
font-size:12px;
line-height:13px;
}
body,tr,td,form{ font-family:MS PGothic,MS Gothic,Verdana; font-size: 12px}
</style>

<base target="_blank">
<title>サンプルページ　　絵文字 1</title> 

　

　

(*2) ：　emoji1.htm （例）　　　　　　　　挿入先の 　<body> 〜 </body>　の、〜 部分にﾍﾟｰｽﾄします。

HTMLの編集方法　  (*2)をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、下記↓のHTMLを挿入先ﾌｧｲﾙにﾍﾟｰｽﾄ、太字部分を編集し使用。
〔この列ﾍﾟｰｽﾄ不要〕

※：<body>　部の編集　背景　ﾘﾝｸ　表示済みﾘﾝｸﾝｸ　ｱｸﾃｨﾌﾞﾘﾝｸの各色（任意値）

表（ﾃｰﾌﾞﾙ）

　

　

　

　

　

　

　!　!　!　!　! のHTML（例）ｻｲｽﾞ=3、ﾌｫﾝﾄ=symbol、Wingdings、Wingdings 2、Wingdings 3、Webdings、ｺｰﾄﾞ=21。

以下、同様。　

　

 

<body bgcolor="#F9F8F9" link="#54006C" vlink="#62000D" alink="#00FFFF">

<!--　★　-----------　↓ この間をコピー＆ペーストします。 ------------　-->
<table border="2" cellpadding="2" bgcolor="#E1E0E9" style="border-collapse: collapse" width="500" bordercolor="#FFFFFF">
<tr>
<td align="center" bgcolor="#C9C5D1" colspan="6" background="tab_menu12/30tbsd0.gif">
<b><font color="#003726">記号と特殊文字</font></b></td>
</tr>
<tr>
<td bgcolor="#DFDEE4" style="font-family: 'MS PGothic','MS Gothic',Verdana; font-size: 12px" colspan="6">
<font color="#E1E0E7">&nbsp;<font size="3" face="Webdings">　</font></font>(例)<font size="3" face="Webdings" color="#7107C1"> &#x21;</font>　の　HTML=　&lt;font
size=&quot;3&quot; face=&quot;Webdings&quot; color=&quot;#7107C1&quot;&gt;&amp;#x<b>21</b>;&lt;/font&gt;</td>
</tr>
<tr>
<td align="center" bgcolor="#E3E2E7"><font size="2">ｺｰﾄﾞ</font></td>
<td align="center" bgcolor="#E3E2E7" colspan="5"><font size="2">ﾌｫﾝﾄ</font></td>
</tr>
<tr><td align="center" bgcolor="#DEE2E9"><font size="2">16進</font></td>
<td align="center" bgcolor="#DEE2E9"><font size="2">symbol</font></td>
<td align="center" bgcolor="#DEE2E9"><font size="2">Wingdings</font></td>
<td align="center" bgcolor="#DEE2E9"><font size="2">Wingdings 2</font></td>
<td align="center" bgcolor="#DEE2E9"><font size="2">Wingdings 3</font></td>
<td align="center" bgcolor="#DEE2E9"><font size="2">Webdings</font></td></tr>
<tr><td bgcolor="#E6E7EC"><font size="2" color="#655E75">21</font></td><td><font size="3" face="symbol">&#x21;</font></td><td><font size="3" face="Wingdings">&#x21;</font></td><td><font size="3" face="Wingdings 2">&#x21;</font></td><td><font size="3" face="Wingdings 3">&#x21;</font></td><td><font size="3" face="Webdings">&#x21;</font></td></tr>
<tr><td bgcolor="#E6E7EC"><font size="2" color="#655E75">22</font></td>

====  この間､説明を省略｡  ====

<td><font size="3" face="Wingdings 3">&#xff;</font></td><td><font size="3" face="Webdings">&#xff;</font></td></tr>
</table>
<!--　★　-----------　↑ この間をコピー＆ペーストします。 ------------　-->

< 補足 >　　　　適時参照あれ！。

・　Wordpad　によるHTMLｿｰｽ（ﾀｸﾞ）を見ながらの直接編集方法。