ホームページ作成方法：文字の色とサイズを変える

ホームページ作成サービス「My-Website」 をご利用いただき、 誠にありがとうございます。
本日は「My-Website」を使って、ホームページの文字の色とサイズを変更する方法をご案内します。

文字の色を変える

文字の色を変える

このように例えば赤い文字にしたい場合は、

<span style="color: #ff0000;">文字の色を変える</span>

と、色を変えたい文字列を <span> </span> タグで囲みます。
"color: #ff0000;"の「ff0000」部分には、16進数と呼ばれる6桁の英数字
赤 → ff0000
黒 → 000000
青 → 0033FF
黄 → FFCC00
などを指定します。

色の番号は、Webデザイナーによるカラーチャート [ Web-Stylish! ] などを参照してくださいね。

文字のサイズを変える

文字のサイズを変える

このように大きなサイズの文字にしたい場合は、

<span style="font-size: 150%;">文字のサイズを変える</span>

と、色を変えたい文字列を <span> </span> タグで囲みます。
"font-size: 150%;"の「150%」部分は、％指定にすることも、
ピクセル(px)や、ポイント(pt)指定にすることも可能です。

文字サイズを18ptにする
文字サイズを11pxにする

文字の太さを変える

文字の太さを変える

このように太い文字にしたい場合は、<strong></strong>タグを使います。

<strong>文字の太さを変える</strong>

文字の色とサイズ、太さを同時に変える

文字の色とサイズ、太さを同時に変える

上記のcolor、font-size、strong を組み合わせることで、複数の指定をすることが可能です。

<span style="font-size: 150%;color: #ff0000;"><strong>文字の色とサイズ、太さを同時に変える</strong></span>

「My-Website」を使って、ホームページの文字の色とサイズを変更する

コントロールパネル にログインして、編集したいページを開きます。

本文入力欄に上記で説明したタグを入力して、ホームページを再構築してください。