|
まずは背景に色をつけてみましょう。
|
|
<BODY BGCOLOR="#00FFFF">
背景色は#00FFFF(アクア)です<BR>
</BODY>
|
<BODY>〜</BODY>タグを左の記述のように変えてください。
書いたら「ファイル→上書き保存」をしてください。
好きな名前.htmlをダブルクリックして見るとＨＰが表示されます。
出来たのを見てみる
（サンプル）
|
説明
<BODY BGCOLOR="指定">〜</BODY>
背景色をを指定します。
<BODY>〜</BODY>タグにBGCOLOR="指定"をつけてあげます。
指定には任意の色名、色の１６進数表記どちらかを入れてください。
(色の１６進数表記のサンプルはこちらを参照してください。)
|
どうですか？ＨＰの背景色が変わりましたね。次は罫線を引いてみましょう。
|
|
<BODY>
<HR>
罫線を引いてみました<BR>
</HR>
</BODY>
|
<BODY>〜</BODY>の間に左の記述をメモ帳に書いてみましょう
書いたら「ファイル→上書き保存」をしてください。
好きな名前.htmlをダブルクリックして見るとＨＰが表示されます。
出来たのを見てみる
（サンプル）
|
説明
<HR>
で罫線をを指定します。
罫線を引きたい個所に<HR>を書くだけです。
|
次は罫線の色や形を変えてみましょう。
|
|
<BODY>
<HR SIZE="10">
</HR>
太さを変えてみました<BR>
<HR WIDTH="50%">
</HR>
<HR WIDTH="300">
</HR>
長さを変えてみました<BR>
<HR COLOR="RED">
</HR>
<HR COLOR="#0000FF">
</HR>
色を変えてみました<BR>
<SIZE="50" COLOR="BLUE">
</HR>
太さと長さを変えてみました<BR>
</BODY>
|
<BODY>〜</BODY>の間に左の記述をメモ帳に書いてみましょう
書いたら「ファイル→上書き保存」をしてください。
好きな名前.htmlをダブルクリックして見るとＨＰが表示されます。
出来たのを見てみる
（サンプル）
|
説明
<HR SIZE="指定">〜</HR>
で罫線の太さを指定します。
指定には任意の数字を入れてください。
指定する数字が大きければ大きいほどサイズも大きくなります。
|
<HR WIDTH="指定">〜</HR>
で罫線の長さを指定します。
指定には任意の数字か％(ブラウザの幅１００％に対して)を入れてください。
指定する数字が大きければ大きいほど長さも長くなります。
|
<HR COLOR="指定">〜</HR>
で罫線の色を指定します。
指定には任意の色名、色の１６進数表記どちらかを入れてください。
(色の１６進数表記のサンプルはこちらを参照してください。)
|
どうですか？少しづつＨＰの形が見えてきましたか？
では次回はテーブルについて覚えていきましょう。
表（テーブル）を作ろう
|
