文字や画像の配置等
【配置】
文字や画像を好きな場所に置いときたいね。
<center>真ん中</center>
<center>と</center>で、文字や画像をくくるだけだよ。
これで、文字が真ん中における。画像も同じだね。
さて、もうひとつのタグがつかえる。
<DIV align="center">
<img src="http://art14.photozou.jp/pub/337/180337/photo/25209383.jpg" alt="反省するのだ" width="62" height="81" style="border:0" /></DIV>
右
<DIV align="right">
<img src="http://art14.photozou.jp/pub/337/180337/photo/25209383.jpg" alt="反省するのだ" width="62" height="81" style="border:0" /></DIV>
左
<DIV align="left">
<img src="http://art14.photozou.jp/pub/337/180337/photo/25209383.jpg" alt="反省するのだ" width="62" height="81" style="border:0" /></DIV>
【画像】
画像は、img src=～始まる構文。
<img src="http://art14.photozou.jp/pub/337/180337/photo/25209383.jpg" alt="反省するのだ本文" width="62" height="81" style="border:0" />
画像の横に、文章を書きたい!!
■イメージと回り込みテキスト間の余白を指定
<IMG SRC="～.jpg" align=" left " hspace="20" vspace="20">
画像が左=align="left"とする。
<IMG SRC="～.jpg" align=" right " hspace="20" vspace="20">
画像が右=align="right"とする。
hspace＝左右の余白、vspace=上下の余白、いずれもピクセル。
<img src="http://art14.photozou.jp/pub/337/180337/photo/25209383.jpg" alt="反省するのだ" width="62" height="81" style="border:0" />
の中の style="border:0" / と align="right" hspace="20" vspace="20" を置き換える。
コぺピだよ(^O^)/
<img src="http://art14.photozou.jp/pub/337/180337/photo/25209383.jpg" alt="反省するのだ" width="62" height="81" align="left" hspace="20" vspace="20">
出来上がりは
文章を書いてみる。
僕は反省するのだ。
もう、おやつはいらない・・・
なんて絶対言いませんワン。
left を right にすると、反対側に字が書ける。
文章を書いてみる。
僕は反省するのだ。
もう、おやつはいらない・・・
なんて絶対言いませんワン。
次のページは 文字や画像を動かして遊ぼう
© Rakuten Group, Inc.
