月下美人
の
   HP講座・実践編(9)




☆STEP2☆

≪背景色の設定≫




        (1)から(8)までのお話わかりましたか?
        これからはいよいよ次のSTEPに突入します。
        お待ちかねの(?)壁紙を変えたり、お気に入りのイラスト・写真を自分のHPに使う方法です。

        背景の設定はBODYエレメントで行います
        このBODYエレメントに属性を加える事で変化させます。

        それでは、始まり始まり(笑)

        ●BODYエレメント(背景色の設定)

        <BODY BGCOLOR=”色の名前”>〜</BODY>
        今回はこのタグを使います。
        簡単でしょう?

        名前の色はRED・BLUE・YELLOWという入力でもOKですし、カラー表を参考にしてその色のコードを
        入力してもOKです。
        ●例えば

        REDという色の名前があります
        これは「#FF0000」というコードになります。

        この「#」は16進数で行きますよ・・という意味です

        「FF」というのは最高レベルという意味を表しています。

        つまりREDに相当するのは「R(赤)」を最高レベルの「FF」にして、それ以外を最低の「00」とします
        ・・という意味なのです。

        この理屈(原理)がわかれば自分で微妙な色の調整ができて好きな色をつくりだせます。

        カラー表を参考にして数字を色々変えて好きな色を作ってみてください

        ●属性値の指定方法について

        参考までに色はRED・GREEN・BLUEの「R・G・B(アール、ジー、ビー)を基本としています。

        Rは「XX」
        Gは「YY」
        Bは「ZZ」を16進数で表し入力します

        ●実践編

        <HTML>
        <HEAD>
        <TITLE>〜</TITLE>
        </HEAD>
        <BODY BGCOLOR=”blue”>
        <P ALIGN=”CENTER”>
        <FONT COLOR=”yellow”>
        ・
        ・
        ・
        ・
        </FONT>
        </P>
        </BODY>(←終了のタグは変更しません)
        </HTML>


 いかがでしょうか?
        このようになりましたか?







[TOPに戻る]

[HP講座・索引]