2-2

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


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

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

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

エッ?何か前後に知らないものが付いてるって?怒らない怒らない。テキストが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の命令語の部分は、大文字小文字どちらでも問題ありません。

●ポイント1● <○○ △△ > と</○○ > とは対である。
●ポイント2● 数は少ないので、HTMLの約束事を覚えましょう。
●ポイント3● 改行したいところに<BR>を入れる。



 . . . . .   . . . . .