よく、どっかのページを見てると、「メールはこちら」ってかいてて、
クリックすると、メール発信用ウィンドウが、開くことがあるなり。
シラーズでも、このコーナーの下の方に、
「このページへの質問はこちら」ってのが、あるなり。
試しに、そこの、「こちら」ってとこを、クリックしてみるなり。
メールのウィンドウ、ひらいたなりね?
(見ている人のメールアドレスが、ブラウザに設定されてなかったら、
このウィンドウは、開かないなり。 これを機会に、設定しておこう。
でないと、これからする作業のチェックができないなり。)
では、みなさんも、
メールウィンドウを開くボタンを作るなり。
このボタンは、文字や画像を、
<A HREF="mailto:メールアドレス">と
</A>ではさんで、つくるなり。
「メールアドレス」には、
自分のメールアドレスをいれるなり。
文字や画像は、好きにしたらいいなり。
<A HREF="mailto:メールアドレス">と
</A>で
はさまれた部分には、リンクがはられて、
そこをクリックすると、自動的にメールウィンドウが開くなり。
リンクってのは、その文字や画像をクリックしたら、
ほかのページなどにジャンプするやつなり。
インターネットで、いろんなページを見ている人には、もう、おなじみなりね。
では、まず、
「MAIL」の文字にメールウィンドウのリンクをはるなり。
メールアドレスは、ここでは、てきとうにいれとくけど、
みなさんは、自分のメールアドレスをいれるなりよ。
<A HREF="mailto:shira@nari.ne.jp">MAIL</A>
このように表示
みてのとおり、リンクがつくと、下線がつくなり。
次は、
「メールはこちら」の「こちら」にだけ、メールウィンドウのリンクをはるなり。
メールは<A HREF="mailto:shira@nari.ne.jp">こちら</A>
このように表示
ちゃんとできてるなりね。
では、画像にも、リンクをはってみるなり。
いちおう、メール用の画像を用意してみたなり。
メール用画像mail.gif
サイズ60x25
では、
メール用画像に、メールウィンドウのリンクをはるなり。
で、
画像は、右よせにするなり。
<A HREF="mailto:shira@nari.ne.jp">
<IMG SRC="mail.gif" WIDTH="60" HEIGHT="25"
ALT="メール" ALIGN="right">
</A>
このように表示
んーー。
画像のまわりに枠がついたなりねー。
画像にリンクがはられると、自動的に枠がつくなり。
枠をなくすには、
<IMG SRC="mail.gif" >
のタグのなかに、
BORDER="0"といれるなり。
では、
画像の枠をなくすなり。
<IMG SRC="mail.gif" WIDTH="60" HEIGHT="25" ALT="メール"ALIGN="right"
BORDER="0"
>
このように表示
ん。オッケー。
で、「このように表示」のなかの、メールの画像をクリックすると...。
ちゃんと、できたなりね?
オッケー!