.
HOME > HTML > リンク
リンク タグ

テキストにリンクをはる
画像にリンクをはる
リンクにメールアドレスを指定
同ページの特定箇所にリンク
別ページの特定箇所にリンク
リンク先を別のウィンドウで開く
<a href= ></a>
<a href= ><img src=></a>
<a href=mailto: ></a>
<a href=#□></a><a name=□></a>
<a href=■#□></a><a name=□></a>
<a href= target= ></a>


テキストにリンクをはる 上に戻る

<a href=URL>〜</a>
自分のサイト内の他のページにいく場合や自分のサイトから他の人のサイトにいく時に使います。 他のサイトにいく場合は「http://〜」から始まる絶対パスで、同じサイト内なら相対パスがいいでしょう。
(例)
<a href=http://google.co.jp target=_blank>
Google</a>にジャンプ。

リンクをはる−Microsoft Internet Explorer
  ファイル(F) 編集(E)...
Googleにジャンプ。

画像にリンクをはる 上に戻る

<a href=URL ><img src=ファイル名></a>
リンクを画像にはります。
画像にリンクをはる場合、画像のborderを0にしないと枠線がつきます。


(例)
<a href=http://www.ushikai.com/>
<img src=sample2.gif>
</a>
枠線がつきます。
<a href=http://www.ushikai.com/>
<img src=sample2.gif border=0>
</a>
border=0にしました。

画像にリンクをはる−Microsoft Internet Explorer
  ファイル(F) 編集(E)...

枠線がつきます。

border=0にしました。

リンクにメールアドレスを指定 上に戻る

<a href=mailto:メールアドレス>〜</a>
リンクのタグ内に「mailto:」を加えることでメールアドレスに送れるようになります。 このリンクをクリックするとメールを送受信するソフトが起動します。

<a href=mailto:メールアドレス?subject=件名>〜</a>
「?subject=」をメールアドレスの後に加えると件名を指定することが出来ます。

<a href=mailto:メールアドレス><img src=ファイル名></a>
画像を使用することも可能です。
(例)
<a href=mailto:aaa@aaa.com>
メールを送る</a>
<a href=mailto:aaa@aaa.com?subject=件名>
件名付き</a>

メールを送る−Microsoft Internet Explorer
  ファイル(F) 編集(E)...
メールを送る
件名付き

同ページの特定箇所にリンク 上に戻る

<a href=#☆>〜</a>
<a name=☆>〜</a>

☆:同じ名前
このタグを使えば同じページ内の特定箇所にリンクすることが出来ます。 縦に長いページなどスクロールに時間がかかるページはこのタグを使うことによって指定した箇所まで移動が可能です。
このページにも使用されています。

右の例じゃわかりにくいので
ためしにここをクリックしてください。

ソース:ためしに<a href=#top>ここ</a>をクリック...
トップのリンクの文字は<a name=top>リンク</a>
となってます。
(例)
<a href=#sita>下に移動</a>


<a name=sita>ここが下</a>


特定箇所にリンク−Microsoft Internet Explorer
  ファイル(F) 編集(E)...
下に移動


ここが下

別ページの特定箇所にリンク 上に戻る

<a href=URLかファイル名#☆>〜</a>
<a name=☆>〜</a>

☆:同じ名前
このタグを使うと別ページの特定箇所にリンクすることが出来ます。 基本は上で説明したものと同じですがURLまたはファイル名を指定することによりリンク先のページの特定箇所に移動できます。

右の例では「link.html」ページから「sample.html」ページの「テスト」という項目に移動します。

(例)
<a href=sample.html#test>テスト</a>

link.html−Microsoft Internet Explorer
  ファイル(F) 編集(E)...
テスト

<a name=test>テスト</a>

sample.html−Microsoft Internet Explorer
  ファイル(F) 編集(E)...
テスト

リンク先を別のウィンドウで開く 上に戻る

<a href=URL target=☆>〜</a>
☆:_blank,_top,_self,フレーム名
_blank:新しいウィンドウでリンクを開く。
_top:フレームを取り払ってリンクを開く。
_self:同じフレーム内でリンクを開く。
フレーム名:指定したフレームでリンクを開く。
(例)
<a href=http://yahoo.co.jp target=_blank>
Yahoo!Japan</a>

リンクを別窓で開きます。

−Microsoft Internet Explorer
  ファイル(F) 編集(E)...
Yahoo!Japan
リンクを別窓で開きます。


Copyright (C) 2005-2006 mu-a.net All Rights Reserved.