ちょっとしたタイトルや、サブタイトルなんかに使えるＨＴＭＬだよ。

なかなかいいでしょ。
これはタイトルとか説明文とかを書くときに使えるね。
シンプルだけどけっこうかっこいいね。
このように表示するにはどうしたらいいんだろう。
ちょっと考えてごらん。

まず、このデザインを見て初めに目に付くのが青のラインだね。
その間に文字が入ってるんだよね。
ということで、ソースを見てもらうとわかるけど始めと終わりに青のラインを引くタグが使われているんだね。

<hr size="5" width="80%" align="center" color="blue">

まず罫線を引くタグ<HR>を思い出そう。
その<HR>にいろいろな飾りをつけて今のような青い線を作っているんだ。
まずWIDTH=""80%で罫線の幅を画面の80％にしているんだ。つまり％で指定しているから画面を小さくすればそれに従って罫線自体も短くなるよ。もし、画面の大きさを変えても罫線の長さを一定にしておきたい時はピクセルで指定してね。
つぎにALIGN="center"では罫線の位置を指定しているね。centerは中央に置くという意味だったね。
最後にCOLOR="blue"で罫線の色を青にしているんだ。色を変えたかったらblueのところを好きな色に変えてみよう。
ソース文の最後の行も同じラインが使われているよ。

罫線にはさまれた中の文

つぎに罫線ではさまれた中の文を見てみよう。
これは太字で、中央に、緑の文字で書かれているね。
だからそれを順に指定してやるだけだね。
<B>〜</B>：太字
<CENTER>〜</CENTER>：中央寄せ
<FONT COLOR="green">〜</FONT>：文字色”緑”