こんにちは、toshihiroです。

moshimoさんのショップ（ホームページ）作成ツール超できすぎくんの便利な使い方をここに記載していきます。

超できすぎくんを使うと初心者でもホームページ作成のＡＢＣを知らなくてもショップが作れます。

はじめに、昨日のHTMLタグ<font>は、一度に複数の指定はできません。つまり、文字を大きくし、色を付けることはできません。<font size="3"><font color="red">超できすぎくん</font></font>となり、二重のタグとなり後で見たときに見づらくなります。つまり、ブラウザソフトで思った結果にならなかったとき見つけることが難しくなります。タグは出来るだけシンプルな方が良いのです。そこで、<span style="font-size:15px;color:#FF0000;">と、このspanを使います。spanの後の、styleこれがスタイルシートの指定する部分です。そして、この部分に記載したfont-size:XXpxが文字の大きさcolor:#FF0000が文字の色を赤にします。この、pxは文字の大きさの単位です。

もう少し、詳しく解説します。

文字の大きさを表す単位をpxで表すのは、スタイルシートつまり、"XXX.CSS"という拡張子（拡張子とは、.（ピリオット）の後のCSSの部分を指します。）この拡張子によってどのプログラムで開くかがほぼ確定されます。htmlの拡張子ではブラウザソフトということになります。pxを使うのは、ＰＣのディスプレイを出力の対象とした単位のためです。

htmlのタグは、必ず始めと終わりを入れ子にしなくてはなりません。
<font size="3">超できすぎくん</font>となります。また、文字の大きさと一部の文字に色つけをする場合は<span style="font-size:18px;"><font color="red">超できすぎくん</font>を使いこなそう</span>これをブラウザで表示すると

超できすぎくんを使いこなそう

となります。

超できすぎくんの自由テキスト・キャッチコピー・商品のおすすめなどで使えます。
試してみて下さい。

次回は、文字の後ろに色を付けるです。