絵文字        
アルファベットの一文字で絵を書かせることができます。 「 Webdings 」とか「 Wingdings 」などの特殊なフォントを使います。 IE4.0以上に標準添付されているフォントですから、これらを標準インストールしてあれば、表示されます。
<FONT face="Wingdings" size="7" color="red">J</FONT> J
<FONT face="Webdings" size="7" color="red">Y</FONT> Y

「 J 」とか「 Y 」の文字を変えていくといろいろな絵が出てきます。
組み合わせるとアルファベットだけでいろんな絵ができます。

PMEt
「PMEt」の4文字を使い、背景にはグラデーションをかけた幅1ピクセルの画像を用いています。
<TABLE><TR>
<TD style=" background-image : url(haikei13.jpg) ; background-repeat : repeat-x ; ">
<FONT face="Webdings" style="font-size : 100pt; color : #000000; ">PMEt</FONT>
</TD></TR></TABLE>


M
文字「M」に発光効果をかけています。

<TABLE bgcolor="#000000" width=200 height=150 align="left"><TR><TD valign=top>
<SPAN style="position : absolute ; filter : glow ( color = yellow ,strength=10 ) ; padding : 4 20 4 20 ; "><FONT face="Wingdings" style = "font-size : 100pt ; color : #000000;">M</FONT></SPAN>
</TD></TR></TABLE>


"!
文字「"!」に発光効果をかけた上で、「letter-spacing」をマイナス指定にして、文字を重ねています。

<TABLE bgcolor="#000000" width=200 height=150 align="left"><TR><TD valign=top>
<SPAN style = "position : absolute ; filter : glow ( color = yellow ,strength=6 ) ; padding : 4 60 4 20 ; letter-spacing : -107px ; "><FONT face = "Webdings" style = "font-size : 100pt ; color : #FFFFFF ; ">"</FONT><FONT face = "Webdings" style = "font-size : 60pt ; color : #000000 ; "> ! </FONT></SPAN>
</TD></TR></TABLE>



以下の絵文字は上が「 Wingdings 」、下が「 Webdings 」を表しています
ABCDEFGH
A
A
B
B
C
C
D
D
E
E
F
F
G
G
H
H
IJKLMNOP
I
I
J
J
K
K
L
L
M
M
N
N
O
O
P
P
QRSTUVWX
Q
Q
R
R
S
S
T
T
U
U
V
V
W
W
X
X
YZ012345
Y
Y
Z
Z
0
0
1
1
2
2
3
3
4
4
5
5
6789abcd
6
6
7
7
8
8
9
9
a
a
b
b
c
c
d
d
efghijkl
e
e
f
f
g
g
h
h
i
i
j
j
k
k
l
l
mnopqrst
m
m
n
n
o
o
p
p
q
q
r
r
s
s
t
t
uvwxyz+-
u
u
v
v
w
w
x
x
y
y
z
z
+
+
-
-
*/!"#$%&
*
*
/
/
!
!
"
"
#
#
$
$
%
%
&
&
'()=~^\|
'
'
(
(
)
)
=
=
~
~
^
^
\
\
|
|
@`[{;:]}
@
@
`
`
[
[
{
{
;
;
:
:
]
]
}
}
,<.>?_
,
,
<
<
.
.
>
>
?
?
_
_







TOPページに戻る