見出しや 段落 そして 指定した部分をまとめて
左揃え（デフォルト） 中央揃え 右揃えに それぞれ指定することができます
● 見出しの位置を指定してみよう
見出しの要素 <h> に aligen の属性をつけて 見出しの位置を指定することができます
<h1 align="left">見出し左寄せ</h>
<h3 align="center">見出し中央</h>
<h5 align="right">見出し右寄せ</h> |
すると こんな感じになります
● 段落の位置を指定してみよう
今度は 段落の位置を指定してみましょう
段落 <p> の要素に aligen の属性をつけて 段落の位置を指定することができます
<p align="left">段落を<br>左揃えにしています</p>
<p align="center">段落を<br>中央揃えにしています</p>
<p align="right">段落を<br>右揃えにしています</p> |
するとこんな感じになります
段落を
左揃えにしています
段落を
中央揃えにしています
段落を
右揃えにしています
|
● まとめて位置を指定してみよう
見出しや 段落だけでなく 画像などもひとまとまりにして位置を指定したい場合は
<div> 〜 </div> を使います
この <div> 〜 </div> で囲むことで その範囲をひとまとめにできます
<div> の 要素に aligen の属性をつけて まとめて位置を指定することができます
<div align="left"><img
src="bana.gif"><br>画像サイズ 88Ｘ33</div>
<div align="center"><img src="bana.gif"><br>画像サイズ
88Ｘ33</div>
<div align="right"><img src="bana.gif"><br>画像サイズ
88Ｘ33</div> |
すると こんな感じになります
それぞれ こういうケースに使う ということを覚えておきましょう
|
