２-２

　カッコ良く文字を出す
　　　もうちょっと文字などを装飾したいのは無理か。


『答え』　出来ますよ。　HTMLの決まり事を覚えるだけです。

マア、いろいろと希望があると思いますが、ここでは次の装飾を伝授。
　（1）文字の色　（2）文字の大きさ　（3）背景の色
前の項で作った処女作HTMLを出してきましょう。これだったネ。

<HTML>
<BODY>
私は○○○。これは私のホームページです。
</BODY>
</HTML>

エッ？何か前後に知らないものが付いてるって？怒らない怒らない。テキストがＨＴＭＬであることを明確にするお約束 なんですよ、これって。なくっても表示結果に差はないのですが、マナーみたいなものだと理解の上で書き加えてやって下さい。 （自動的には出ません。英数半角文字で打ち込んで下さいね。）
さて、文字の色とサイズを一気に書き込みますよ。下を見て。

<HTML>
<BODY>
<FONT SIZE=5>
<FONT COLOR="#ff0000">
私は○○○。これは私のホームページです。
</FONT>
</FONT>
</BODY>
</HTML>

ブラウザで見て下さい。赤くて大きい文字に変わったね。こんなに簡単。size=　ってところの数字変えてみれば、文字の大小は思いのままです。color=　の数字と色の関係を説明するのは困難。下記のコラムを見て。
ここで、聡明なる超初心者はお気付きですね。
HTMLって命令語は <○○ △△ > と<／○○ > とが対であることを。
イヤ〜、もうそんなに賢くなっちゃって。この先が恐いなあ。
（＊タグの隙間の空白は半角のスペースですので、御注意を。）
では、背景に色を入れますよ。ホレ、こんな感じでチョコッと足すだけ。

<HTML>
<BODY bgcolor="#ffff00">
<FONT SIZE=5>
<FONT COLOR="#0000ff">
私は○○○。これは私のホームページです。
</FONT>
</FONT>
</BODY>
</HTML>

文字色数値も変えたので、ブラウザで見てみると黄色ベース地に青い文字で出ましたね。 BODY BGCOLOR=の後ろに数値や文字を入れると背景色が設定出来る訳です。
ご理解戴けましたか。　以上が理解できたら、この項は修了です。
この項の宿題と改行を覚えるために、下を打ち込んでみて下さい。

<HTML>
<BODY bgcolor=yellow>
<FONT SIZE=5><FONT COLOR="#cc0000">
私は○○○。</FONT></FONT><BR>
<font size=3><font color="#005500">
これは私のホームページです。
</font></font>
</BODY>
</HTML>
☆彡main point
　色とcolor=の数値の関係は便利な検索ページを作りました。
　●ココをクリック●して下さい。好みのカラーを探しましょう。
　HTMLの命令語の部分は、大文字小文字どちらでも問題ありません。
　●ポイント１●　<○○ △△ > と<／○○ > とは対である。
　●ポイント２●　数は少ないので、HTMLの約束事を覚えましょう。
　●ポイント３●　改行したいところに<BR>を入れる。
質問メール　 ＯＺ道場メニュー