<BODY link ="色指定" vlink="色指定" alink="色指定"> 〜 </BODY>
| link |
まだ見ていないリンク部分の文字色 |
| vlink |
すでに見たリンク部分の文字色 |
| alink |
マウスボタンを押したときのリンク部分の文字色 |
BODY要素で、ページ全体のリンク部分の文字色を設定します。
まだ見ていないリンク、すでに見たリンク、リンクの上でマウスボタンを押したときの3種類の状態の色を指定することができます。
これらのリンク色を指定するときは、ページ全体の文字色と背景色も設定しておくようにします。
ユーザーがブラウザの設定で背景色を変更している場合などは、文字色と背景色が同じ系統の色になってしまい、文字が読めなくなる可能性があります。
また、暗い背景画像に明るい文字色を指定していたとき、画像が表示されなければ白い背景色に明るい文字になる可能性がある(=文字が読めない)ので、背景画像を指定するときも背景画像に合わせた背景色と文字色をセットで指定するようにしましょう。
色の指定は、「#」のあとにRGBの値を16進数で指定する方法と、直接色名を指定する方法があります。
ただし、色の指定はHTMLを使用せず、スタイルシートで指定するように推奨されています。
(詳細は『
色の指定方法』を御覧ください)
別窓にサンプルを表示します
<BODY bgcolor="mintcream" text="black"
link="blue" vlink="green" alink="red">
<P><B>* リンク部分の文字色を設定する *</B>
<BR><BR>
<A href="http://tagland.net/index.html">ホーム</A>
<A href="html00_1.html">HTML</A>
<A href="../css/css00_1.html">CSS</A>
<BR><BR>
ページ全体の設定は以下のとおりです。
</P>
<UL>
<LI>背景色:mintcream</LI>
<LI>文字色:black</LI>
<LI>link :blue</LI>
<LI>vlink :green</LI>
<LI>alink :red</LI>
</UL>
</BODY>