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




≪テキストの配置≫



        ●画面に表示される文章などの位置についてお話しましょう

        今回までは書いた文章が左端にきていますね
        これらの位置(配置)を変える事ができるのです
        左揃え・中央揃え・右揃えなどです


        ●段落エレメント
        <P>〜</P>
        このタグをつかいます、これはテキストを段落としてひとまとめにします。
        Paragraph(パラグラフの略)で意味はずばり、段落です

        勿論このタグは単独で使った場合には、ただひとまとめにするだけなので、そのまとめたテキスト
        (文章など)をどうするのかという命令を追加しなければ意味がありません

        この追加命令(付属命令)を属性といいます。
        ALIGN(整列・配列という意味)属性といいます

        ●使用方法

        <P ALIGIN=”center”>〜</P>
        このタグを使います

        ここで簡単に内容を説明しましょう
        <P ALIGIN=”center”>
         ↑    ↑       ↑
        (段落を作るという命令)(どこに)(場所)
        つまりこのひとまとめにしたテキスト(文章など)を真ん中に配列(おきかえてください)しなさい・・
        という命令です

        ●実例

        <HTML>
        <HEAD>
        <TITLE>月下美人の部屋:ホームページ</TITLE>
        </HEAD>
        <BODY>
        <P ALIGN=”center”> 
        <FONT COLOR=”FF1493”>
        <FONT SIZE=”7”>月下美人の部屋</FONT><BR>
        <FONT SIZE=”6” COLOR=”gold”><B>はじめまして</B></FONT><BR>
        月下美人の部屋へようこそ!!<BR>
        初心者なので解らないことがいっぱいあります<BR>
        色々なことをおしえてください<BR>
        よろしくお願いします<BR>
        </FONT>
        </P>
        </BODY>
        </HTML>




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

        ●今回は属性値をCENTERにしましたがLEFT(左揃え)・RIGHT(右揃え)に変えることでテキスト
        (文章など)の配置をお好みの場所に指定できます

        ぜひ試してみてください

        ●お遊び

        <FONT SIZE=”7” COLOR=”FF1493><I>月下美人の部屋</I></FONT>

        どうなるでしょう(笑)

        こうなりましたか?

        ●もう一個
        これに<CENTER>を加えると、どうでしょうか? (笑)









[TOPに戻る]

[HP講座・索引]