【一時間目】文字を装飾しよう

一時間目は『文字の装飾について』です!

一時間目
(7/22更新)

フォントタグで
文字を装飾しよう!!


文字のサイズを大きくしたり小さくしたり、さらに文字の色を変更すると、サイトデザインの幅も広がります。便利な文字装飾タグの代表的なものを、ここで紹介します!
文字のサイズを変更したい!
文字の色を変更したい!
文字のサイズも色も変更するには?

文字のサイズを変更したい!
<font size="大きさ">サイズ変更したい文字</font>

「大きさ」の部分には1〜7の数値を入れます。1が一番小さい文字、7が一番大きな文字サイズの数値です。
携帯電話によって見え方が変わるため、「1」「3」「5」ぐらいの数値しか変化がわからないこともあります。

▼コピーして使ってみよう☆

文字の色を変更したい!
<font color="カラーコード">色変更したい文字</font>

カラーコードは、HP上部・HP下部編集ページ内のカラーコード表から見ることが出来ます。

<font color="カラーコード">☆</font><font color="カラーコード">☆</font><font color="カラーコード">☆</font>

このように1文字ごとにタグで囲むと、グラデーションを作ることもできます!

▼コピーして使ってみよう☆

文字のサイズも色も変更するには?
これはすごく便利です!
文字のサイズを変えるタグと文字の色を変えるタグは、両方とも<font〜を使うタグなので、このように1つにまとめることができます。

<font size="大きさ" color="カラーコード">変更したい文字</font>

ひとつのタグで大きさと色を同時に変更出来るので、閉じタグ</font>はひとつでOKです!

▼コピーして使ってみよう☆
二時間目を見る
三時間目を見る
四時間目を見る

サイト作成講座TOP

利用規約

(C)フォレストページ