TOP /HTML リンク

リンクを張ります。

<a href="../../index.html">トップページ</a>
トップページ
同じフォルダーにファイルがあるときは href="index.html"
../で上のフォルダー内を意味します。../../で2つ上のフォルダー内

他のHPのときは

<a href="http://himajin.moo.jp">HIMAJIN</a>
このようにhttp://から始まるアドレスで記述します。
画像にリンクを張る
<a href="../../index.html">
<img src="top.gif"alt="トップページにリンク"border=0></a>
トップページにリンク
border=0で画像周りの枠を非表示
</a>の前では改行しないように
ボタンにリンクを張る
<INPUT type="button" value="トップページ" 
onclick="location.href='http://himajin.moo.jp/'">

同じファイル内の特定位置にジャンプ
<a href="#last">特定位置にジャンプ</a>
特定位置にジャンプ
特定位置に名前をつける(このページの一番最後に付けています)
<a name="last"></a>

別のページの特定位置の場合

<a href="../../index.html#last">別のページの特定位置にジャンプ</a>

新しいウインドウを開いてジャンプ(クリックごとに新しいウインドウを開く)
<a href="../../index.html"target="_blank">トップページ</a>
トップページ
フレームのページの場合
_blank新しいウインドウを開いて表示
_self今のフレームに表示
_topフレームを全て解除して表示
_parent一段フレームを解除して表示
フレーム名指定したフレームに表示

新しいウインドウを開いてジャンプ(ウインドウ名を指定してウインドウを複数開かない)
<a href="../../index.html"target="new">トップページ</a>
<a href="../star.html"target="new">トップページ</a>
トップページ
流れ星

ページ内のリンク全てに同じターゲットを指定する
<head></head>間に
<base target="_blank">
これで全てのリンクが別窓で表示されます。

リンク先(ベースURL)を指定。
<base href="http://www.yyy.zzz/">

ステータスバーにリンク先を表示しない
<a href="../../index.html"onmouseover="return true;">トップページ</a>
トップページ

リンクの装飾
下線を消す(スタイルシート)

<a href="../../index.html"STYLE="text-decoration:none">トップページ</a>
トップページ

マウスを当てると変化する(スタイルシート)
<STYLE type="text/css"><!--
A:link {text-decoration:none;}
A:visited{text-decoration:none;}
A:hover{background-color:#00ffff;color:#ff00ff;text-decoration:none;}
--></STYLE>
<a href="../../index.html">トップページ</a>
トップページ

マウスを当てると変化する(スタイルシート)
<STYLE type="text/css"><!--
A:link {text-decoration:none;}
A:visited{text-decoration:none;}
A:hover{position:relative;top:3px;left:3px;color:red;text-decoration:underline;}
--></STYLE>
<a href="../../index.html">トップページ</a>
トップページ

トップページにリンク


マウスを当てると画像を入れ替える(javascript)
<a href="../../index.html">
<img src="top.gif"
onMouseover="this.src='top1.gif'" 
onMouseout="this.src='top.gif'"
alt="トップページにリンク"border=0></a>
トップページにリンク

マウスを当てると画像の透明度が変化する(javascript)
<a href="../../index.html">
<img src="top.gif"style="filter:alpha(opacity=100);"
onMouseover="this.filters['alpha'].opacity=50" 
onMouseout="this.filters['alpha'].opacity=100"
alt="トップページにリンク"border=0></a>
トップページにリンク