「さて、今回は文字を真ん中に持ってきたり左に寄せたりするタグじゃ。」

　「あらら、文字があっちこっちにいってますね。」


　「うむ。今回勉強するタグはこれからもよく出てくるからのぅ。
　　　　しっかり覚えておくんじゃぞぃ。」



　右揃え・中央揃え・左揃えを指定するタグ
-----------------------------------------------------------------


　<H■ align="●">　〜　</H■>　：　見出しを●揃えにする。

　<P align="●">　〜　</P>　：段落を●揃えにする。

　　　　　　（●には　right（右）,center（中央）,left（左）　を入れる）


　<CENTER>　〜　</CENTER>　：　〜を中央揃えにする。


-----------------------------------------------------------------



　「うわぁ！なんか今までと違ってややこしくなりましたね・・・。」


　「ふぉっふぉっふぉっ。では少しずつ見ていくぞぃ。
　　　　まず上のふたつじゃが・・・
　　　　それぞれに使われている赤字の　align="●"　の部分、
　　　　これが、文字の位置をあらわしているんじゃ。
　　　　H■　と　P　は見覚えあるじゃろぅ？」


　「えっと・・・　H■　は　見出しを指定する　でやりましたね。
　　　　P　は　段落を指定する　でやりました。」


　「うむ。よく覚えておったな。
　　　　このタグに　align="●"　を入れることで、
　　　　見出しや段落を真ん中に持ってきたり、右に寄せたりできるんじゃよ。」


　「ふむふむ。●に　center　を入れると中央揃え
　　　　right　を入れると右揃えになるんですね☆」


　「そうじゃ。　left　を入れると左揃えになるんじゃが、
　　　　何も指定しないときはもともと左揃えじゃからのぅ。
　　　　あまり使うこともないかもしれんな。」


　「ほんとですね。
　　　　じゃあ、3番目の　<CENTER>〜</CENTER>　は
　　　　〜　に入力した文字を中央揃えにするってことかな？」


　「その通り。これは見出しや段落に限らず
　　　　〜　に入れた文字でも画像でも、中央揃えにすることができるぞぃ。
　　　　では実際に使ってみようかのぅ。」

　「こんな風に入力するんじゃ。
　　　　見出しや段落のタグに　align="●"　を入れても
　　　　終了タグは変らないから気をつけてのぅ。」

　「ブラウザではこんなふうに表示されるぞぃ。
　　　　どうじゃ、うまくいったかのぅ？」


　「はい！ちゃんと表示されました！」


　「ちなみに　align　というのは英語で　一直線に並べる　といった
　　　　意味があるようじゃのぅ。
　　　　このタグはこれからよく出てくるから、覚えておくんじゃぞぃ。」


　「は〜い☆」






↑ページのTOPへ

改行しよう <<<　前のページへ戻る

ページの背景に色をつける 次のページへ進む　>>>

サルでもわかる？かんたんHTML　トップページ 　>>>　＃２．ページ 　>>>　右揃え・中央揃え・左揃え