リンク
リンクに色を設定する
アンカーテキストに色を設定する方法ですが、HTMLでの記述は非推奨とされており、スタイルシートの設定が推奨されています。
また、スタイルシートの設定には、マウスが触れたときの色、クリックされた瞬間の色など、細かく指定できる特徴がありインタラクティブに反応します。
<A Attribute>＊＊＊＊</A>
<body link="#0000ff" alink="#ff0000" vlink="#ff00ff">
a:alink { color: #ff0000 }
a:active { background-color: #f00; color: #ffffff }
a:hover { background-color: #ff0; color: #000000 }
（非推奨）
CSS設定
a:alink { color: #ff0000 }
a:active { background-color: #f00; color: #ffffff }
a:hover { background-color: #ff0; color: #000000 }
<a>リンクとは、ハイパーリンクを作成する場合に使用されるタグです。主に href 属性と共に使用し、別のドキュメントソースにリンクする場合と、name属性と共に使い、ドキュメント内の特定の場所にターゲットとなるフラグメント識別子を作成する場合とに用いられます。
a 要素の name 属性は、 id 属性で代替します。
［ xhtml 1.0 ］
<a href="index.html"name="101">トップへ</a>
［ xhtml 1.1 ］
<a href="index.html"id="101">トップへ</a>
HTMLとCSSの設定の機能は、以下の通りです。
| HTML | CSS | コントロールの機能 |
|---|---|---|
| link | a:link | 未訪問のリンク先の色 |
| alink | a:alink | リンク先のページを読み込み中の色 |
| vlink | a:visited | 訪問済みのリンク先の色 |
| - | a:active | リンクをクリックした瞬間の色 |
| - | a:hover | リンクにマウスが触れたときの色 |
スタイルシートの外部ファイルの扱い方は、こちらを参考にしてください。
| タグ | Attribute | 終了タグ | 説 明 |
|---|---|---|---|
| リンク（アンカ−） | |||
| <A>Anchor | リンク | 必要 | リンクの開始と終わり |
HREF="URL" |
リンク先のURLを指定(html,画像,音声) | ||
HREF="URL#text" |
リンク先のURLとその文書内のリンクする場所 | ||
HREF="#text" |
文書内で（ペ−ジ内）のリンク先を指定 | ||
| HREF= " mailto:〜" |
メ−ラ−の起動 | ||
| NAME="text" | 文書内（ペ−ジ内）でのリンクされる場所を指定 | ||
| id="txt" | XHTMLでは、nameと合わせて使用しましょう | ||
| TARGET="texe" | リンク先URLを表示する領域（フレーム） | ||
| TARGET="_blank" | リンク先の文書を新しいウィンドウに表示 | ||
| TARGET="_self" | リンクの有ったフレームに表示 | ||
| TARGET="_parent" | リンクの有った親フレームに表示 | ||
| TARGET="_top" | 現在のフレームを破棄して表示（自分以外のサイトへの場合） | ||
| 自動ジャンプ | <META HTTP-EQUIV= "Refresh" CONTENT= "n;URL=ABC.HTM"><HEAD>内に記述</HEAD> |
||
| n:ジャンプまでの秒数 URL:ジャンプするペ−ジのアドレス 非推奨 | |||
目的別要素
広告
