Homepage Zero ガイド
logo

ゼロから始めよう!わかりやすい!ホームページ作成ガイド

初めての方へ|総合案内|お問い合わせ|当サイトについて

ホームページ初心者ガイド| HTML| CSS| ホームページお役立ち情報| ホームページレベルアップ情報| その他

ホームコース別ガイド一覧>リンクにメールアドレスを設定する!

リンクにメールアドレスを設定する!(a要素、href属性)

普通コースじっくりコースアイコンの説明 普通コースじっくりコースアイコンの説明

使用タグ <a href="mailto:メールアドレス">文字列や画像など</a>

HTML一覧タグ辞典 … <a> タグ

<a>タグの href 属性の属性値に「mailto:メールアドレス」を入力すると、メールアドレスへのリンクを設定できます。そのリンクがクリックされると、ユーザーのパソコンに標準で使用するように設定されている電子メールソフトが自動的に起動します。宛先にはここで設定したメールアドレスが表示されているので、ユーザーの入力する手間が省けます。

注意してください!!

送信者は相手に電子メールアドレスを公開することになります。OS、ブラウザ、メールソフトによって動作しない場合があるようです。

使用例

では、a 要素の href 属性の属性値に「mailto:メールアドレス」を入力してみましょう。

まずは、「ここ」の部分をリンク設定します。

  1. 開始タグの<a>を入力します
  2. 終了タグの</a>入力します
記述例

<p>メールは<a>ここ</a>に送信してください</p>

↓

次に、a 要素の href 属性を入力し、リンク先に「mailto:メールアドレス」を入力しましょう

  1. href 属性を入力します
  2. ここでは属性値に「mailto:xxx@xxxx.co.jp」と入力しています
    「xxx@xxxx.co.jp」には送信されるメールアドレスを入力します。
記述例
<p>メールは<a href="mailto:xxx@xxxx.co.jp">ここ</a>に送信してください</p>

表示例のようにリンクを指定すると、青い文字で表示され、下線が引かれます。
なお、ブラウザで表示されたリンク部分をクリックすると、パソコンに標準で設定されている電子メールソフトが起動します。

関連情報ページ

このタグによく使われるCSS

その他

ロゴ
ゼロから始めよう!わかりやすい!ホームページ作成ガイド

|初めての方へ|総合案内|お問い合わせ|当サイトについて|

copyright (C) TOMIY All Right Reserved
inserted by FC2 system