topページ
>
ソース土台
文字色と文字の大きさ
HPを作る上で文字の色や大きさを変えることで見やすくしたりすることが出来る.
まずは,文字色を変えてみる.
文字色をつけるソースは
<font color='#000000'>〜</font>
である.#000000の部分を変えることで文字色を変えることが出来る.もちろん〜には文字が入る.
#000000は光の三原色である赤・青・緑の色の度合いを表したもので,全部0なので黒い文字(未設定と同じ)
#ffffffにすると白い文字,#ff0000にすると
赤い文字
,#ffffeeにすると
黄色い文字
となり,
色の種類は256
3
通りある.しかし文字色はブラウザにより表示できない色があるため,
実際は124色程度しか表現できない.あまり細かく分けて表現できない色になった場合ブラウザ上には
文字が白く出力されてしまうので注意が必要.ついでに#000000の部分をredやyellowとすることで色を
つけることも可能.
次に文字の大きさを変えてみる.
タイトルなどに使う文字は,
<h1>〜</h1>
である.h1の数字の部分を変えること(1〜6)で文字の大きさが変わる.比較するとこのようになる.
<h1>あ</h1>
<h2>あ</h2>
<h3>あ</h3>
<h4>あ</h4>
<h5>あ</h5>
<h6>あ</h6>
あ
あ
あ
あ
あ
あ
この方法はタイトルなどの特別な場合に使う方法で,文章中の文字の大きさを変えるのには適していない.
続いて文章中の文字の大きさ変更.
文字の大きさを変えるには
<font size='3'>〜</font>
数字を変更することで文字の大きさを調整できる(1〜7).
あ
あ
あ
あ
あ
あ
あ
1が一番小さく7が一番大きくなる.