リンクの基本


リンク

テキストリンクの基本のソース、リンクを作るタグです。

<a href="リンクURL">リンクテキスト</a>
<a href="リンクURL">画像のurl</a>

ページや他のサイトへリンクするタグです。

リンク文字の色

ページ全体のリンクの色を指定します。

link="リンクの色"
visited="訪問済みの色"
active="クリックした時の色"
hover="マウスが乗った時の色"

<head>〜</head>間に下記のスタイルで記述します。ページ単位で適用されます。

<style type="text/css">
<!--
a:link{color:#0000cc; /*未訪問リンクの色*/}
a:visited{color:#660066; /*訪問済みリンクの色*/}
a:active{color:#ff9900; /*クリックしたときの色*/}
a:hover{color:#cccccc; /*マウスが乗ったときの色*/}
-->
</style>

または、bodyタグにリンクの色、訪問済みのリンクの色、クリックしたときの色を指定します。

<body link="#0000CC" vlink="#660066" alink="#ff9900">
link="リンクの色" vlink="訪問済みの色" alink="クリックした時の色

リンクの開き方（ターゲット）

<a href="http://yume.hacca.jp/koiki/sample/" target="_blank">サンプルページ</a>

ターゲットtarget はリンク表示（リンクの開き方）の方法です。上記のソースは新しいウィンドウで開きます。

ターゲットの種類

target="_blank" 新しいウィンドウで開きます
target なし 同じページで開きます
target="_top" 全てのフレームを解除して画面全体を表示
target="_self" 同じウィンドウ（フレーム）に表示
target="_parent" 親フレームに表示します。
target="フレーム名" フレームから別フレームに表示します

関連項目・関連ページ

同じページ内や他のページの任意の場所へリンク

●当サイトのソースは、IE6.0＋のみ動作確認をしております。 それ以外のブラウザでは正しく作動しない場合がございます。ご了承下さい。