- 文字の 大きさ を変えてみよう。
-
練習1 の文字の大きさを変えます。
2行目に
<font size=5>
を追加します。
<html>
<font size=5>
私は○○です。<br>
</html>
|
練習2 (写真を追加してから) に、
この2行目を追加してもOKです。
|
font の size は指定しないと3 (標準の大きさ) です。
数字が小さいと小さい文字になり、大きいと大きな文字になります。
数字の最小値は1、最大値は6です。
<font size=6>6が最大
<font size=5>5
<font size=4>4
<font size=3>3は標準 (大きさを指定しないと3になります)
<font size=2>2
<font size=1>1は最小
|
<font size=6> はとても大きな文字になります。
<font size=1> は最も小さい文字です。
文字の大きさは1〜6の間で、好きな大きさに調整してください。
- 文字の色を変えてみよう。
-
練習1 の文字の色を変えてみましょう。
2行目に
<font color="red">
を追加します。
<html>
<font color="red">
私は○○です。<br>
</html>
|
|
<font color="red"> 以降の文字
私は○○です。
が赤くなりましたね?
この red を blue にすると青になり、yellow にすると文字が黄色になります。
- 色を 微妙に調整 するには
-
色を三原色の数値で指定します。
数値6桁で色を指定します。
赤の明るさ2桁、緑の明るさ2桁、青の明るさ2桁の合計6桁です。
数値は
16進法
で表し、最小値は 00 最大値は FF です。
最も暗い色は 000000 で、真っ黒。
最も明るい色は FFFFFF で真っ白です。
<font color=#000000> 000000 は黒
<font color=#ffffff> ffffff は白
<font color=#ff0000> ff0000 は赤
<font color=#00ff00> 00ff00 は緑
<font color=#0000ff> 0000ff は青
<font color=#800000> 800000 は暗い赤
<font color=#808080> 808080 は灰色
|
808080 は3色とも中間の明るさ なので灰色になります。
赤、緑、青の色の明るさを調節すると、最大 1677万7216色を表現出来ます。
|