HTMLタグ関連(画像の回り込み編)
 ここに書いたTAGは、私がHPを作成する際によく使うTAGです。一度使ったTAGも覚えていなくて次に使う時はまた調べて使う。それはちょっと記憶力悪いのを差し引いても面倒です。
 そんな訳で、一度使った小技TAGは書き留めておくことにしました。
画像の回り込み
画像の左に回り込む

■書式
<img src="画像ファイル" align="left">文章


■実際の書式例
<img src="nyanko.jpg" align="left">画像の左に文字が回り込むように表示する設定です。このように画像の右上から文字が表示されて画像の下端で左に回り込んで表示されます。

こんな感じになります。
画像の左に文字が回り込むように表示する設定です。このように画像の右上から文字が表示されて画像の下端で左に回り込んで表示されます。

画像の右に回り込む

■書式
<img src="画像ファイル" align="left">文章


■実際の書式例
<img src="nyanko.jpg" align="right">画像の左に文字が回り込むように表示する設定です。このように画像の左上から文字が表示されて画像の下端で右に回り込んで表示されます。

こんな感じになります。
画像の右に文字が回り込むように表示する設定です。このように画像の左上から文字が表示されて画像の下端で右に回り込んで表示されます。

  画像と文字の間にスペースをつくる  
 
■書式
<img src="画像ファイル" hspace="20" vspace="10" align="right">文章

■実際の書式例
<img src="nyanko.jpg" hspace="10" vspace="10" align="right">画像の左に文字が回り込むように表示する設定です。このように画像の右上から文字が表示されて画像の下端で左に回り込んで表示されます。


こんな感じになります。
画像の左に文字が回り込むように表示する設定です。このように画像の右上から文字が表示されて画像の下端で左に回り込んで表示されます。

画像の右に文字が回り込むように表示する設定です。このように画像の左上から文字が表示されて画像の下端で右に回り込んで表示されます。

 
       
       
       
       
       
       
       
       
       
     
2014.10.08