ホーム>コース別ガイド一覧>リンクにメールアドレスを設定する!
リンクにメールアドレスを設定する!(a要素、href属性) |
 
|
使用タグ <a href="mailto:メールアドレス">文字列や画像など</a>
HTML一覧タグ辞典 … <a> タグ
<a>タグの href 属性の属性値に「mailto:メールアドレス」を入力すると、メールアドレスへのリンクを設定できます。そのリンクがクリックされると、ユーザーのパソコンに標準で使用するように設定されている電子メールソフトが自動的に起動します。宛先にはここで設定したメールアドレスが表示されているので、ユーザーの入力する手間が省けます。
注意してください!!
送信者は相手に電子メールアドレスを公開することになります。OS、ブラウザ、メールソフトによって動作しない場合があるようです。
使用例
では、a 要素の href 属性の属性値に「mailto:メールアドレス」を入力してみましょう。
まずは、「ここ」の部分をリンク設定します。
- 開始タグの<a>を入力します
- 終了タグの</a>入力します
|
記述例
<p>メールは<a>ここ</a>に送信してください</p> |
|
|
|
 |
次に、a 要素の href 属性を入力し、リンク先に「mailto:メールアドレス」を入力しましょう。
- href 属性を入力します
- ここでは属性値に「mailto:xxx@xxxx.co.jp」と入力しています
※「xxx@xxxx.co.jp」には送信されるメールアドレスを入力します。
|
記述例
<p>メールは<a href="mailto:xxx@xxxx.co.jp">ここ</a>に送信してください</p>
|
|
|
表示例のようにリンクを指定すると、青い文字で表示され、下線が引かれます。
なお、ブラウザで表示されたリンク部分をクリックすると、パソコンに標準で設定されている電子メールソフトが起動します。
関連情報ページ |
|
このタグによく使われるCSS |
|
|
|
|
その他 |
|
|
|