HTMLを用いた水平線の引き方を理解するためのページ水平線を引く方法を理解するためのページ(タグ利用編)水平線を引く方法このページでは『Webページを作成するにあたって水平線を引く方法を理解してもらうことを目的として作成しました。ここでは水平線を引く方法について解説します。基本的には<hr>というタグを書くだけです。指定">と書くと、色を指定することができます。以外にも水平線の高さ(線の太さ)を指定することができます。width="ウィンドウに対する割合を%で指定">と書くと、色や線の高さの指定以外にウィンドウに対する水平線の幅を%で指定できます。<<解説>>HTMLの基本構造は、次のようになっています(別ページで解説したものを再掲)。charset=utf-8"><title>ここにはページのタイトルを書きます</title></head><body>ここにはページの内容を書きます</body></html>別ページで解説したHTMLのサンプルファイルを用いて、そこに水平線を引いてみましょう。どのようにして幅が指定できるのかを理解するために、ここでは敢えて幅を80%にしてみました。基本的な書式は以下の通りです。記述されたHTMLの内容です。ブラウザで表示してみると、まだまだ、中途半端な内容ですが、一応、水平線が引けました。width="80%"><br>ここにはページの内容を書きます</body></html>次に、width="80%"をwidth="100%"に変えてみましょう。width="100%">更に同じタグを書きます(コピー・アンド・ペーストでもよい)。width="100%">この間に水平線を利用してタイトルの作成と書いて下さい。width="100%">結果的に、このようになりました(但し、赤色や強調は便宜上付けただけです)。このサンプルデータは(sample4_2.htm)です。先ほどと同様に、このファイルを表示してみると、sample4_1.htmよりは『水平線を用いて作成したタイトル』らしくなってきました。align="center"></p>)などを使えば、更にタイトルらしくなります。色の指定にはいくつかの方法がある。カラーコードで記述#(実際には半角)の次に赤色の度合(階調)を16進数で記述(RRの部分)・その次に中央部分には緑色の度合(階調)を16進数で記述(GGの部分)・最後に右側には青色の度合(階調)を16進数で記述(BBの部分)(例)赤色は『#FF00000』で表記タグについて理解している生徒は、分からなくて『困っている友達』に教えてあげて下さい。