５．文字の位置を変えて見よう♪



さてさて、第５回。文字をいじくるのはこれが最後です。
今回は文字の位置を変えてみることに挑戦したいと思います。


今までのサンプルでは、全部左側によっていたと思います。
そ・こ・で、今回は文字の位置を左側だけでなく右側や真ん中に寄せて見たいと思います。

さて、さっそくタグの説明♪
タグ説明
<div align="left">〜</div>左寄せです。通常はこの状態。
<div align="center">〜</div>真ん中に寄せます
<div align="right">〜</div>右寄せです。
次にサンプルとその表示結果です。
<html>
<head>
<title>サンプルそのよん♪</title>
</head>
<body>
<h1>サンプルで〜す♪</h1> <br>
<div align="left">左寄せ〜</div> <br>
<div align="center">真ん中〜</div> <br>
<div align="right">右寄せ〜</div> </body>
</html>

下の画像が表示結果♪



以上で今回の第５回を終了します。次回は画像の表示（の予定）

戻る 超簡単なHP作成講座 進む

女の子 ｜お絵かき掲示板 ｜ナスカ ｜iPhone修理