リンクタグの基本
リンクタグは　a　から始まります

---

■リンクを貼る
属性：(リンクさせる) href=""
<a href="リンク先のアドレス">リンクを貼る</a>

---

■別窓でリンクを開く
属性：(別窓で開く) target="_blank"
<a href="リンク先のアドレス" target="_blank">別窓でリンクを開く</a>

---

■画像でリンクを貼ります
要素：(画像) img
属性：(画像を表示させる) src=""

<a href="リンク先アドレス"><img src="画像のアドレス"></a>

---

■画像で別窓リンクを貼ります
要素：(画像) img
属性：(別窓で開く) target="_blank"

<a href="リンク先アドレス" target="_blank"><img src="画像のアドレス"></a>

---

■指定サイズの画像でリンク
要素：(画像) img
属性：(横幅サイズ) width="" (縦幅サイズ) height=""
<a href="リンク先アドレス"><img src="画像アドレス" width="300" height="100"></a>

---

■パスワード付きリンク
※パスワードはファイル名になるので記述不要です。
たとえばリンク先のファイル名が「1991.html」なら、パスワードも「1991」になります。
1)HEAD内に記述
<script language="JavaScript"> <!--// function Password() { pw = prompt("パスワードを入力してください：","") if(pw) { location = pw + ".html" } else { alert("パスワードが間違っています") } } //--> </script>
2)BODY内に記述 (1と2の両方記述してください)
<A href="javascript:Password()">リンク</A>

※パスワードリンクの問題点「無関係ファイルへのリンク」
たとえば「2007.html」というファイルが存在するとき、「2007」とパスワードを書いてしまえば、そちらにリンクされてしまうことになる。
残念ながら、ＨＴＭＬタグだけでは完全なリンクを作ることは難しいです。
もっと高精度のパスワードリンクを作ろうと思うなら、外部ＣＧＩを学ぶ必要があります。

---

■プルダウンメニューリンク
要素：(メニュー) form (選ぶ) select (項目) option

サンプルinfobuttontestlink

<FORM NAME="form1"> <SELECT NAME="select1" onChange="if(document.form1.select1.value){location.href=document.form1.select1.value;}"> <option>一番上に表示する文字</option> <option value="リンク先アドレス">表示文字</option> <option value="リンク先アドレス">表示文字</option> <option value="リンク先アドレス">表示文字</option> <option value="リンク先アドレス">表示文字</option> </SELECT> </FORM>

---

■同じページ内の違う場所へ移動する
ページ先頭へ/中部へ/後部へ
属性：(名前を付ける) name="" (名前の場所へ移動) href="アドレス#名前"
1)移動させたい場所に名前を付ける
<a name="名前">表示させる文字</a>
2)名前をつけた場所へ移動させるためのリンク
<a href="名前をつけた場所のアドレス#名前">表示させる文字</a>

---

■三秒後に特定のページにジャンプさせる
属性値：(３秒後に自動で飛ばす) content="03;　 (リンクさせる) URL="
秒数を伸ばしたいなら属性値の03を大きくする
(以下のタグは＜head＞～＜/head＞内に記述してください)
<meta http-equiv="refresh" content="03;URL=リンク先のアドレス">

---

■メールへのリンク(サンプルでは管理人の使い捨てアドレスにリンクします)
属性：(リンクさせる) href=""
属性値：(メアド) mailto: (件名) ?subject=
<a href="mailto:メールアドレス?subject=件名">表示させる文字</a>

---

■電話番号へのリンク(サンプルではりかちゃん音声サービスに繋がります)
属性：(リンクさせる) href=""
属性値；(電話かける) tel:
<a href="tel:電話番号">表示させる文字</a>