ページ内の文章を装飾してみましょう。
お客様に伝えたい重要な部分を装飾して目立たせることは効果的な手法です。
文字の大きさを変更する。
SAMPLEサイズ1の文字
サイズ2の文字
サイズ3の文字
サイズ4の文字
サイズ5の文字
サイズ6の文字
HTMLタグでの記述は以下のようになります。
1 2 3 4 5 6 7 8 9 10 11 |
<font size="1">サイズ1の文字</font> <font size="2">サイズ2の文字</font> <font size="3">サイズ3の文字</font> <font size="4">サイズ4の文字</font> <font size="5">サイズ5の文字</font> <font size="6">サイズ6の文字</font> |
CHECK! size=”文字の大きさを数字で記入”
あまりに小さい文字ですとお客様に読みにくくなりますので、ご注意ください。
文字の色を変更する
SAMPLE青い文字
緑の文字
黄色い文字
赤い文字
HTMLタグの記述は以下のようになります。
1 2 3 4 5 6 7 8 9 |
<font color="#0000FF">青い文字</font> <font color="#008000">緑の文字</font> <font color="#FFFF00">黄色い文字</font> <font color="red">赤い文字</font> |
上記のように文字の色指定はカラーコードと呼ばれる#から始まる7つの文字で行います。
また、redのように色の名前で直接指定できるものも16色あります。
(白、黒、灰、銀、赤茶、黄土色、深緑、紺、 赤、ピンク、紫、青、水色、緑、黄緑、黄色)
CHECK!表示例のような白背景に黄色文字など、読みづらい色もありますので文字色を変更なさる際は、ご注意ください。
太字、斜体にする。
SAMPLE太字の文字
斜体の文字
HTMLでの記述は以下のようになります。
1 2 3 4 5 6 7 |
<b>太字の文字</b> <i>斜体の文字</i> |