2013年02月11日

ブログでよく使うhtmlタグ

画像に関するHTMLタグについての、メモ。

<img align="left">_____画像左寄せ__この後に続く文字は画像の右側に回り込みます
<br clear="all">文字回り込み解除

参考ページ↓
http://masaboo.cside.com/new_html1/ht_20.htm

画像の上下・左右に余白を作る
<vspace="10">画像の上下の余白10ピクセル
<hspace="10">画像の左右の余白10ピクセル

参考ページ↓
http://www.tagindex.com/html_tag/img/img_space.html

画像に関するHTML基本タグ参照ページ↓
http://siriasu.s10.xrea.com/HTML/img.htm

試してみましょう。
例@

<a href="http://neru00.up.seesaa.net/image/shasin_2.jpg" target="_blank"><img src="http://neru00.up.seesaa.net/image/shasin_2-thumbnail2.jpg" alt="shasin_2.jpg" border="0" height="150" width="200" align="left" vspace="10" hspace="10" ></a>文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字<br clear="all">もじもじMOJIMOJIモジモジ

と、
書き込むと(上記の「<」を「<」に書きなおします)
下記のように仕上がります。

shasin_2.jpg文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字
もじもじMOJIMOJIモジモジ

例A

<a href="http://neru00.up.seesaa.net/image/shasin_2.jpg" target="_blank"><img src="http://neru00.up.seesaa.net/image/shasin_2-thumbnail2.jpg" alt="shasin_2.jpg" border="0" height="150" width="200" align="left" vspace="10" hspace="10" ></a>文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文<br clear="all">もじもじMOJIMOJIモジモジ

と、
書き込むと(上記の「<」を「<」に書きなおします)
下記のように仕上がります。

shasin_2.jpg文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字
もじもじMOJIMOJIモジモジ


以上、ブログ上の写真&文字レイアウトの際に参考にしてください。


NERUなかじま
posted by NERU at 16:25| Comment(0) | htmlタグ | このブログの読者になる | 更新情報をチェックする
×

この広告は1年以上新しい記事の投稿がないブログに表示されております。