柴犬けんたの日記 Part2

文字や画像の配置等

【配置】

　文字や画像を好きな場所に置いときたいね。

　<center>真ん中</center>

真ん中

　<center>と</center>で、文字や画像をくくるだけだよ。

　これで、文字が真ん中における。画像も同じだね。

　さて、もうひとつのタグがつかえる。

右

左

【画像】

　画像は、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　にすると、反対側に字が書ける。

　文章を書いてみる。

　僕は反省するのだ。
　もう、おやつはいらない・・・
　なんて絶対言いませんワン。

次のページは文字や画像を動かして遊ぼう

ジャンル別一覧