皆様こんばんは~
←北海道もさすがにここまで降ってません(笑
今日はHTMLでイメージの横にテキストを回り込ませる
方法を伝授しちゃいます。
と言っても「は?なんのことでしょ・・・」
って感じですよね。
普通ここにはテキスト挿入
できなくないですか?
これもちょっとしたHTML
を覚えるとなんでも
ないですよ~
■HTMLの基礎の基礎
たぶん普通に文章を書いてるときにHTMLタグを表示させると
<p>文章</p> となってて、<p></p>ではさむと段落を意味します。
ここで上の雪が降ってる画像のとこのタグをコピペしてみます。
↓段落の始まり
<p><a href="URL" target="_blank"><img height="64" src="URL"
width="64" border="0" /></a>
←北海道もさすがにここまで降ってません(笑</p>
↑ここまで
これだと画像の横にはテキストを挿入できないのですが
align="left"
をwidth="64" のあとに書き加えると
どうでしょう画像の横にテキストが書けます。
↓段落の始まり
<p><a href="URL" target="_blank"><img height="64" src="URL"
width="64" align="left" border="0" /></a> </p> ←ここで段落が終わり
<p> どうでしょう画像の横にテキストが書けます。</p>
↑新しい段落が始まる
※URLはhttp://blog.ameba.jp/user_images/07/92/10002981047.gif
とかになってると思いますが長いので省略しました。
align="left" これは画像の配置は左って意味で
align="right" こうすると画像の左にテキストが書けます。
これで無駄なくスペースが使えますが皆様どうでしょうか?
できました?
=====================追加記事========================
回り込みが出来たらそれを解除の構文を書いておきます。
<br clear="all"> ← 回り込みを解除し、次の行はイメージの最下端