Designerのゴミ箱

HTML編　29／51

| 目的別 index | タグ別 index | カラーチャート | images | SAMPLE |

リンクする

ブラウザのメールを立ち上げる

ブラウザのメールを立ち上げる ●<A HREF="mailto:n"> ホームページを作れば、見に来てくれた人から感想などいただきたいものです。しかし見に来てくれた人全員が感想を送ってくれるわけではなく、わざわざメールをくれる人は、たいてい数パーセントくらいの人です。そこで少しでもメールを発信しやすいように、ワンクリックでメールが送れるようなボタンを作ってみましょう。これもリンクタグを使います。パラメータにmailto:を入れ、続けて自分のメールアドレスを書き込みます。「abc@defghijk.ne.jp」というメールアドレスなら <A HREF="mailto:abc@defghijk.ne.jp">メール待ってます</A> となります。「メール待ってます」の文字をクリックすると、自動的にブラウザのメールが立ち上がり、送信先に「abc@defghijk.ne.jp」が指定されます。

<HTML> <HEAD> <TITLE>ようこそ！Kimura's Roomへ</TITLE> <META HTTP-EQUIV="Content-Type" CONTENT="text/html;CHARSET=Shift_JIS"> </HEAD> <BODY BGCOLOR="#ececec" BACKGROUND="img/BGtop.gif"> <CENTER> <!--★★全体をセンターにするためのテーブル★★--> <TABLE ALIGN="center" BORDER="0" CELLPADDING="0" CELLSPACING="0" WIDTH="97%" HEIGHT="97%"> <TR> <TD ALIGN="center" VALIGN="middle"> <!--★★ここから内容★★--> <H2>ようこそ！</H2> <HR SIZE="5" WIDTH="321"> <!--★★ロゴ★★--> <IMG SRC="img/logo.jpg" WIDTH="321" HEIGHT="42" ALT="Kimura's Room" BORDER="0"><BR> <!--★★スペース調整★★--> <IMG SRC="img/spacer.gif" ALT="" BORDER="0" WIDTH="1" HEIGHT="30"><BR> <!--★★四角のグラデーション部分ここから★★--> <FONT SIZE="2" COLOR="#0000ff">◆</FONT> ------略------- <FONT SIZE="2" COLOR="#ff0000">◆</FONT> <!--★★四角のグラデーション部分ここまで★★--> <BR> <!--★★スペース調整★★--> <IMG SRC="img/spacer.gif" ALT="" BORDER="0" WIDTH="1" HEIGHT="10"><BR> <!--★★GIFアニメーション画像★★--> <IMG SRC="img/glasses.gif" WIDTH="55" HEIGHT="25" ALT="ぐるぐるメガネ" BORDER="0"><BR> <!--★★スペース調整★★--> <IMG SRC="img/spacer.gif" ALT="" BORDER="0" WIDTH="1" HEIGHT="10"><BR> <!--★★おしながきのテーブル★★--> <TABLE BGCOLOR="#FFFFFF" BORDER="3" CELLPADDING="2" CELLSPACING="3"> <TR> ------略------- </TR> </TABLE> <!--★★スペース調整★★--> <IMG SRC="img/spacer.gif" ALT="" BORDER="0" WIDTH="1" HEIGHT="30"><BR> <A HREF="mailto:abc@defghijk.ne.jp">メール待ってます</A> <!--★★ここまで内容★★--> <!--★★全体をセンターにするためのテーブル閉じタグ★★--> </TD> </TR> </TABLE> </CENTER> </BODY> </HTML>
●<A HREF="mailto:n?subject=n"> 今やったブラウザのメールを立ち上げるリンクに、もう一つ小技を使ってみましょう。立ち上がったメールの題名（サブジェクト）をあらかじめ指定してみます。これをやると、ホームページを見に来てくれた人の感想メールを、自分のブラウザで振り分けることができます。もっともサブジェクトを書き換えられてしまったら役に立ちませんが…（笑）。mailto:メールアドレスに続けて（スペースもいりません）?subject=nを書き込んで下さい。nに指定したいタイトルを入れます。 <A HREF="mailto:abc@defghijk.ne.jp?subject=木村宛のメールです"> こうすると自動的に立ち上がったメーラーの題名は「木村宛のメールです」となります。

<HTML> <HEAD> <TITLE>ようこそ！Kimura's Roomへ</TITLE> <META HTTP-EQUIV="Content-Type" CONTENT="text/html;CHARSET=Shift_JIS"> </HEAD> <BODY BGCOLOR="#ececec" BACKGROUND="img/BGtop.gif"> <CENTER> <!--★★全体をセンターにするためのテーブル★★--> <TABLE ALIGN="center" BORDER="0" CELLPADDING="0" CELLSPACING="0" WIDTH="97%" HEIGHT="97%"> <TR> <TD ALIGN="center" VALIGN="middle"> <!--★★ここから内容★★--> <H2>ようこそ！</H2> <HR SIZE="5" WIDTH="321"> <!--★★ロゴ★★--> <IMG SRC="img/logo.jpg" WIDTH="321" HEIGHT="42" ALT="Kimura's Room" BORDER="0"><BR> <!--★★スペース調整★★--> <IMG SRC="img/spacer.gif" ALT="" BORDER="0" WIDTH="1" HEIGHT="30"><BR> <!--★★四角のグラデーション部分ここから★★--> <FONT SIZE="2" COLOR="#0000ff">◆</FONT> ------略------- <FONT SIZE="2" COLOR="#ff0000">◆</FONT> <!--★★四角のグラデーション部分ここまで★★--> <BR> <!--★★スペース調整★★--> <IMG SRC="img/spacer.gif" ALT="" BORDER="0" WIDTH="1" HEIGHT="10"><BR> <!--★★GIFアニメーション画像★★--> <IMG SRC="img/glasses.gif" WIDTH="55" HEIGHT="25" ALT="ぐるぐるメガネ" BORDER="0"><BR> <!--★★スペース調整★★--> <IMG SRC="img/spacer.gif" ALT="" BORDER="0" WIDTH="1" HEIGHT="10"><BR> <!--★★おしながきのテーブル★★--> <TABLE BGCOLOR="#FFFFFF" BORDER="3" CELLPADDING="2" CELLSPACING="3"> <TR> ------略------- </TR> </TABLE> <!--★★スペース調整★★--> <IMG SRC="img/spacer.gif" ALT="" BORDER="0" WIDTH="1" HEIGHT="30"><BR> <A HREF="mailto:abc@defghijk.ne.jp?subject=木村宛のメールです">メール待ってます</A> <!--★★ここまで内容★★--> <!--★★全体をセンターにするためのテーブル閉じタグ★★--> </TD> </TR> </TABLE> </CENTER> </BODY> </HTML>