ぱそおーるHTML講座

<a></a>タグ


<A></A>タグはリンクを設定するタグです。
他のページへの移動、ページ内の指定した場所へ移動する時に使います。
<a href="URL(ファイル名)">ここにリンクさせる文字を入力(画像も設定出来ます)</a>

属性
href : リンク先のURL、またはファイル名を設定します。
<a href="http://www.yahoo.co.jp/">Yahooへ移動します</a>
Yahooへ移動します
<a href="index.htm">HOMEへ</a>
HOMEへ(このサイトのトップページへ移動します)

target : リンク先ページの表示方法を選択します。
  1. _blank : 新しいウィンドウにリンク先を表示します。
  2. _self : 現在表示されているウィンドウ/フレームにリンク先を表示します。(デフォルト)
  3. _parent : 親フレームにリンク先を表示します。
  4. _top : フレームを解除して、現在のウィンドウにリンク先を表示します。
_blank以外は、フレームページで使われるものです。
<a href="http://www.google.com/" target="_blank">Googleへ</a>
Googleへ(新しいウィンドウに表示されます)

<a href="mailto:メールアドレス">ここにリンク文字を入力(画像でもOK)</a>
<a href="mailto:test@msn.com">メールはこちら</a>で下のようになります。
メールはこちら←クリックすればメールソフトが起動して、メールが送信出来るようになります。
上のメールアドレスは…架空のものなので、送信してもメールは届きません。

name : ページの特定場所へリンクを設定します。値は任意の名前を付けておきます。
移動先に<a name="任意の名前">ここに文字</a>を記述しておきます。
移動元には下のように記述します。
<a href="atag.htm#top">ここをクリックするとページの上段部へ移動</a>
ファイル名を設定する事で別のページの特定場所へリンクする事も出来ます。
ここをクリックするとページの上段部へ移動

同一ページ内への移動であれば、URL(ファイル名)を省略する事が出来ます。
<a href="#up">ここをクリックしてもページの上段部へ移動します。</a>
ここをクリックしてもページの上段部へ移動します。クリックしてみてください。

このページの場合だと
ページ上段にname="top"と記述してあります。
後はページの好きな部分で下のように記述すれば、ページ上段へのリンク設定が完了します。
<a href="#up">ここに文字や画像を入れる</a>

accesskey : リンク先に移動するショートカットキーを設定します。
<a href="index.htm" accesskey="a">HOMEへ(A)</a>
HOMEへ(A)←[ALT]キー+Aキーを押す事でリンクを選択、[Enter]キーで移動します。

画像にリンクを設定する場合は、文字を記述する部分に<IMG>タグで画像を設定します
<a href="index.htm"><img src="sample.gif" width="90" height="72" border="0"></a>
←クリックするとトップページへ移動します。

HOMEへ