ぱそおーる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 : リンク先ページの表示方法を選択します。
<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へ |