今日は表示位置を変更するタグの復習をしましょう。
通常ページに文字を記述したり画像を貼り付けたりすると、
画面の左から順番に表示されていきますよね?
普段はこれで何も気にならないのですが、
ページ全体のデザインなどを考えだすと
「この画像は画面の真ん中に表示したいなー」とか
「この文字は画面の右端に表示したいな」とか・・・
左寄せ表示ばかりでは思うようにいきませんよね。
そこで今回は表示位置を指定するタグをご紹介します(〃⌒▽⌒)
例)
<div align="left">左寄せ表示</div>
<div align="center">中央表示</div>
<div align="right">右寄せ表示</div>
表示結果)
左寄せ表示
中央表示
右寄せ表示
どうです?思い出しました?
当然、文字だけではなく画像などなどいろいろな物の表示位置指定できます(〃⌒▽⌒)
例)
<div align="right"><img src="http://my.plaza.rakuten.co.jp/img/user/85/05/6678505/4.jpg"></div>
表示結果)
例)
<div align="right"><table border=1 cellpadding=10><tr><td>ぴよぴよ</td></tr></table></div>
表示結果)
例)
<div align="right"><hr style="width:200px;">ぴよぴよ<hr style="width:200px;"></div>
表示結果)
ぴよぴよ
特に難しい記述でもなく、簡単な英語そのまんまなので覚えやすいでしょ( ̄▽ ̄人)
しっかり覚えて活用して下さいね(〃⌒▽⌒)