空間づくり

楽天で使えるタグシリーズ。今回は、文字や画像が回りこむタグ

テーブルタグを使うより、記述が短くて済むし、割と便利です

楽天アフィリエイトリンクの画像URLは改変禁止なので、そこには使わないでね

• 基本タグ

<img src="画像URL" width="画像幅" height="画像高" alt="代替テキスト名" border="0"  align=" 画像の位置 " >

• 回りこみを解除するタグ

<br clear="all">

→

<img src="画像URL" width="画像幅" height="画像高" alt="代替テキスト名" border="0"  align=" 画像の位置 " >回りこませたい文字など <br clear="all">

• 画像の右に回りこみ

<img src="画像URL" width="画像幅" height="画像高" alt="代替テキスト名" border="0"  align=" left " >

画像の右に文字が回りこみ
画像の右に文字が回りこみ
画像の右に文字が回りこみ
画像の右に文字が回りこみ
画像の右に文字が回りこみ
画像の右に文字が回りこみ
画像の右に文字が回りこみ

• 画像の左に回りこみ

<img src="画像URL" width="画像幅" height="画像高" alt="代替テキスト名" border="0"  align=" right " >

画像の左に文字が回りこみ
画像の左に文字が回りこみ
画像の左に文字が回りこみ
画像の左に文字が回りこみ
画像の左に文字が回りこみ
画像の左に文字が回りこみ

• 右中央に一文だけ回りこみ

<img src="画像URL" width="画像幅" height="画像高" alt="代替テキスト名" border="0"  align=" middle " >

画像の右中央に一文だけ回りこみ
画像の右中央に一文だけ回りこみ

• 右側下に一文だけ回りこみ

<img src="画像URL" width="画像幅" height="画像高" alt="代替テキスト名" border="0"  align=" bottom " >

画像の右側下に一文だけ回りこみ
画像の右側下に一文だけ回りこみ

• 右側TOPに一文だけ回りこみ

<img src="画像URL" width="画像幅" height="画像高" alt="代替テキスト名" border="0"  align=" top " >

画像の右側TOPに一文だけ回りこみ
画像の右側TOPに一文だけ回りこみ

• 画像との間隔を調整する

<img src="画像URL" width="画像幅" height="画像高" alt="代替テキスト名" border="0"  align=" 画像の位置 " hspace="左右余白" vspace="上下余白" >

余白が解りやすい様に、背景に色をつけてます。

hspace="30"

左右30の余白

hspace="30" vspace="30"

上下左右30の余白

• 画像に画像を回り込ませる

画像回りこみタグに画像タグをくっつけます<img src="画像URL"  align=" 画像の位置 " > <img src="画像URL">

左右のみ50の余白をつけて、画像に画像を回りこませる