一時間目は『文字の装飾について』です!
一時間目
(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)フォレストページ