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




≪文字の大きさを変える≫


        ●テキスト(文字・文章)に色々な事を命令して遊んでみましょう
        また、文字の大きさも変えてみましょうね。

        この命令を出すときに使うタグは「FONTエレメント」を使います。

        ●実際に使いながら説明しますね

        <FONT□SIZE=”7”>☆☆☆</FONT>

        このように使います。
        □←これは「半角でスペース」を開けてください
        ☆☆☆←ここには文字・文章が入ります

        ●タグ共通の意味についてです

        <FONT SIZE=”7”>
          ↑     ↑   ↑
         (開始タグ)(属性)(属性値)

        開始タグ=こういう内容で命令しますよ
        属性=何について
        属性値=どのくらい

        ここまでを簡単に整理すると
        「文字のサイズを数値7に変更しますよ」という意味になります。

        ※属性値は半角の「”」と「”」で囲んでください
        ※属性と属性値も半角の「=」で繋いでください

        (注意)このルールはこれからも同じです、必ず覚えておいてくださいね

        ●このタグは必ず「終了タグ(</FONT)」でしめてください

        ●属性値は「1〜7」までです。
        「1」が一番小さくて「7」が最大の大きさになります。


●実際の使用方法 <HTML> <HEAD> <TITLE>月下美人の部屋:ホームページ</TITLE> </HEAD> <BODY> <FONT SIZE=”7”>月下美人の部屋</FONT><BR> はじめまして<BR> 月下美人の部屋へようこそ!!<BR> 初心者なので解らないことがいっぱいあります。<BR> 色々な事をおしえてください。<BR> よろしくお願いします。<BR> </BODY> </HTML>     こんな感じになります いかがですか? 画面で確認してください 月下美人の部屋という箇所が大きくなっていますね。 ここで大きさをもう少し小さくしたいなぁ、って思ったら数字を変えてくださいね ●もう一カ所変更してみましょう <FONT SIZE=”7”>月下美人の部屋</FONT><BR> <FONT SIZE=”6”>はじめまして</FONT><BR> 「はじめまして」という箇所が「月下美人の部屋」という文字より少し小さくなっていますね     こんな感じになります ●応用編です ここまでは属性値を変える方法で文字サイズの大きさをかえてきました。 ここではBIGエレメント・SMALLエレメントを使ってサイズ変更の指示をだす方法のお話をしましょ う ●<BIG>〜</BIG> 周囲の文字より「1段階」フォントサイズを大きくします ●<SMALL>〜</SMALL> 周囲の文字より「1段階」フォントサイズを小さくします ●さっきの例で言うと 標準サイズは「3」に設定されています。 それを「6」に変更しましたね。 つまり「3段階」サイズを大きくした事になります。 このような場合には<BIG><BIG><BIG>〜</BIG></BIG></BIG>というように3 回連続して使うと標準「3」を基準にして3段階UP(大きくする)した事になります。 ●実際の使用例 <FONT SIZE=”7”>月下美人の部屋</FONT><BR> <BIG><BIG><BIG>はじめまして</BIG></BIG></BIG><BR> <FONT SIZE=”6”>月下美人の部屋へようこそ!!</FONT><BR> いかがですか? SIZE=”6”と同じ効果になっているでしょう?     こんな感じになります






[TOPに戻る]

[HP講座・索引]