|
HTML リンク文字色の指定
|
|
|
ページ全体のリンク色
|
<body
vlink=
"リンク"
alink="
"アクテイブリンク"
link="
"アクセス済リンク"
>
|
|
|
|
リンク文字色の指定は、
body
要素で指定します。
bodyタグに指定すると、ページ全体のリンク文字色に反映されます。
|
属性
|
説明
|
|
link
|
未訪問リンクの文字色。
|
|
alink
|
訪問中のリンク文字色。
|
|
vlink
|
訪問済みリンクの文字色。
|
|
|
|
リンクについては、
リンク 基本設定で
リンク表示文字色の指定は、ページ全体の背景色に対比して決めなければならない。
文字色の設定は、色名・対応16進数いずれも指定できる。
|
巡回していると、時々下記のようなサイトに巡り逢うことがありますが、
背景色が無指定の場合、白背景（正確には透明色）の習慣で、ページ全体の表示文字色を
無指定、またリンク表示文字色も無指定だからである。
このようなページに、まずリピーターは増えないし、余程の重要情報でない限り観てもらえないので
必ず、ページ全体が白背景でも、
Z背景色・文字色・リンク表示色
の設定の習慣を心がけよう。
|
|
|
|
リンク表示文字色を、リンクに個別に指定するには？サンプルタグ。
|
<a href="sample.html"> <font color="#99ffff">
はじめてのホームページ
</font></a>
|
|
上記のように、ページ全体リンク指定以外に個別の指定でもよい。
|
背景色表示のページ、参考例。
焦茶色背景の表示リンクテキスト色を、無指定の場合
|
焦茶色背景の、表示リンクテキストに色を無指定
|
焦茶色背景の表示例 表示リンクテキスト色を、指定。
|
焦茶色背景の、表示リンクテキストに淡水色を指定
|
ページ全体の、設定例。
yahoo
を、
画像と文字列から、リンク先を呼び出すタグ。
（設定２種）
<!!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html><head>
<meta http-equiv=Content-Type content="text/html;charset=Shift_JIS">
<title></title>
</head>
<body text=#000000 bgcolor="#ffffff"
vLink="#009000" aLink="#ff0000" link="#880088">
| |
この範囲に、実際に表示される画像の指定や文章を書く
| |
</body></html>
|
|
|
|
|
ページ全体の、タグを解説
|
<html>
|
このファイルは、
HTML
（ハイパーテキスト）ドキュメントであるとの宣言
|
|
<head>
|
<head>
タイトルや付加情報などをここから以降に記述
|
|
<title></title>
|
<title>
この範囲にタイトルをつける
</title>
タイトル名をつけない場合、ファイル名がタイトルになる。
但し、空白を入れると何も表示ない
ので注意する。 必ず記述しよう
|
|
</head>
|
<body>
要素の直前の行に記述。
|
|
<body>
|
<body
ページ全体の基本設定要素で、この範囲に属性 属性値で指定する。
>までは表示されない。
ブラウザで表示させる画像、文章の作成は、
<body>
以降の行から作成することになる。
|
|
bgcolor=""
|
ページ全体の、背景表示色。
|
|
text=""
|
ページ全体の、文字色。
表示背景色と文字色は、明暗色を逆比例させて必ず指定すること。
|
|
</body> </html>
|
ページ全体を閉じる（終了）
|
|
|
|
|
|
補記
ネット巡回の際にたまに見かけるのですが、意外と多いのが背景色を指定して文字色の指定をしていない。
背景色を黒または暗色した場合、文字色を無指定では黒背景色に黒文字色になり文字を判別できないのは
理解できると思うのですが、明るい背景色の時に無指定の習慣なのでしょうか
背景色を指定した場合には必ず反比例した明暗色で文字色も指定する
文字色については、 第一章 文字に関する設定の
文字の色についてで学習して下さい。
|
|
|
|
|
|
|
|