テンプレートとアクセスアップのでめらら楽天日記

2-9画像周りの文章

2-9画像周りの文章の表現を変えよう
テーブルの周りの文章の回り込みについて説明しましたが、画像そのものの周りに文字を書く場合について書きたいと思います。 ■記述の基本例 <img src="" align=""> □top … （画像右横に画像の高さの上部に文章を一行で表示します） □middle … （画像右横に画像の高さの中央に文章を一行で表示します） □bottom … （画像右横に画像の高さの下部に文章を一行で表示します）デフォルトです □left … （画像の右側に複数行の文章を回り込みで表示します） □right … （画像の左側に複数行の文章を回り込みで表示します）－－－－－－－－－－－－－－－－－－－－－－－－－－－－－ □top <a href="http://pt.afl.rakuten.co.jp/c/001098f8.be52e715/?url=http%3a%2f%2fwww.rakuten.co.jp%2fplazahamada%2f452275%2f456012%2f486321%2f553626%2f%23643159" target="_blank"> <img src=" http://image.rakuten.co.jp/wshop/data/ws-mall-img/plazahamada/img64/img10231554010.jpeg" border=0 alt="●浜田省吾 “光と影の季節”CD（2005/4/13） " align="top" > </a> 「光と影の季節」ビデオクリップフルコーラス公開！パソコンのCD-ROMドライブに「光と影の季節」（SECL-180）の＜CD＞を入れて、以下の「ConnecteDで映像を見る」のボタンをクリックして次ぎのページにアクセスすると、ビデオクリップのフルコーラスをご覧いただけます。 ↓こんな感じですね（＾＾）「光と影の季節」ビデオクリップフルコーラス公開！パソコンのCD-ROMドライブに「光と影の季節」（SECL-180）の＜CD＞を入れて、以下の「ConnecteDで映像を見る」のボタンをクリックして次ぎのページにアクセスすると、ビデオクリップのフルコーラスをご覧いただけます。－－－－－－－－－－－－－－－－－－－－－－－－－－－－－ □middle <a href="http://pt.afl.rakuten.co.jp/c/001098f8.be52e715/?url=http%3a%2f%2fwww.rakuten.co.jp%2fplazahamada%2f452275%2f456012%2f486321%2f553626%2f%23643159" target="_blank"> <img src=" http://image.rakuten.co.jp/wshop/data/ws-mall-img/plazahamada/img64/img10231554010.jpeg" border=0 alt="●浜田省吾 “光と影の季節”CD（2005/4/13） " align="middle" > </a> 「光と影の季節」ビデオクリップフルコーラス公開！パソコンのCD-ROMドライブに「光と影の季節」（SECL-180）の＜CD＞を入れて、以下の「ConnecteDで映像を見る」のボタンをクリックして次ぎのページにアクセスすると、ビデオクリップのフルコーラスをご覧いただけます。 ↓こんな感じですね（＾＾）「光と影の季節」ビデオクリップフルコーラス公開！パソコンのCD-ROMドライブに「光と影の季節」（SECL-180）の＜CD＞を入れて、以下の「ConnecteDで映像を見る」のボタンをクリックして次ぎのページにアクセスすると、ビデオクリップのフルコーラスをご覧いただけます。－－－－－－－－－－－－－－－－－－－－－－－－－－－－－ □bottom <a href="http://pt.afl.rakuten.co.jp/c/001098f8.be52e715/?url=http%3a%2f%2fwww.rakuten.co.jp%2fplazahamada%2f452275%2f456012%2f486321%2f553626%2f%23643159" target="_blank"> <img src=" http://image.rakuten.co.jp/wshop/data/ws-mall-img/plazahamada/img64/img10231554010.jpeg" border=0 alt="●浜田省吾 “光と影の季節”CD（2005/4/13） " align="bottom" > </a> 「光と影の季節」ビデオクリップフルコーラス公開！パソコンのCD-ROMドライブに「光と影の季節」（SECL-180）の＜CD＞を入れて、以下の「ConnecteDで映像を見る」のボタンをクリックして次ぎのページにアクセスすると、ビデオクリップのフルコーラスをご覧いただけます。 ↓こんな感じですね（＾＾）「光と影の季節」ビデオクリップフルコーラス公開！パソコンのCD-ROMドライブに「光と影の季節」（SECL-180）の＜CD＞を入れて、以下の「ConnecteDで映像を見る」のボタンをクリックして次ぎのページにアクセスすると、ビデオクリップのフルコーラスをご覧いただけます。－－－－－－－－－－－－－－－－－－－－－－－－－－－－－ □left <a href="http://pt.afl.rakuten.co.jp/c/001098f8.be52e715/?url=http%3a%2f%2fwww.rakuten.co.jp%2fplazahamada%2f452275%2f456012%2f486321%2f553626%2f%23643159" target="_blank"> <img src=" http://image.rakuten.co.jp/wshop/data/ws-mall-img/plazahamada/img64/img10231554010.jpeg" border=0 alt="●浜田省吾 “光と影の季節”CD（2005/4/13） " align="left" > </a> 「光と影の季節」ビデオクリップフルコーラス公開！パソコンのCD-ROMドライブに「光と影の季節」（SECL-180）の＜CD＞を入れて、以下の「ConnecteDで映像を見る」のボタンをクリックして次ぎのページにアクセスすると、ビデオクリップのフルコーラスをご覧いただけます。 ↓こんな感じですね（＾＾）「光と影の季節」ビデオクリップフルコーラス公開！パソコンのCD-ROMドライブに「光と影の季節」（SECL-180）の＜CD＞を入れて、以下の「ConnecteDで映像を見る」のボタンをクリックして次ぎのページにアクセスすると、ビデオクリップのフルコーラスをご覧いただけます。－－－－－－－－－－－－－－－－－－－－－－－－－－－－－ □right <a href="http://pt.afl.rakuten.co.jp/c/001098f8.be52e715/?url=http%3a%2f%2fwww.rakuten.co.jp%2fplazahamada%2f452275%2f456012%2f486321%2f553626%2f%23643159" target="_blank"> <img src=" http://image.rakuten.co.jp/wshop/data/ws-mall-img/plazahamada/img64/img10231554010.jpeg" border=0 alt="●浜田省吾 “光と影の季節”CD（2005/4/13） " align="right" > </a> 「光と影の季節」ビデオクリップフルコーラス公開！パソコンのCD-ROMドライブに「光と影の季節」（SECL-180）の＜CD＞を入れて、以下の「ConnecteDで映像を見る」のボタンをクリックして次ぎのページにアクセスすると、ビデオクリップのフルコーラスをご覧いただけます。 ↓こんな感じですね（＾＾）「光と影の季節」ビデオクリップフルコーラス公開！パソコンのCD-ROMドライブに「光と影の季節」（SECL-180）の＜CD＞を入れて、以下の「ConnecteDで映像を見る」のボタンをクリックして次ぎのページにアクセスすると、ビデオクリップのフルコーラスをご覧いただけます。－－－－－－－－－－－－－－－－－－－－－－－－－－－－－ ※注意！楽天アフィリエイトでは生成されたリンクを改造することを禁止しておりますので、事例のような方法で成果を得られない場合があるかもしれません。あくまでも、アフィリエイトをなさるかたは自己の責任においてサイトを製作してくださるようお願いいたします。 ***************************************************** なぜか行掛かりでBlogLankingに参加しました(^^;)面白かったらポチして下さいネ　リンクはフリーですご自由にどうぞ(バナーリンクタグはprofileのページ年表欄にあります）

2-9画像周りの文章の表現を変えよう

テーブルの周りの文章の回り込みについて説明しましたが、画像そのものの周りに文字を書く場合について書きたいと思います。

■記述の基本例

<img src="" align="">

□top … （画像右横に画像の高さの上部に文章を一行で表示します）
□middle … （画像右横に画像の高さの中央に文章を一行で表示します）
□bottom … （画像右横に画像の高さの下部に文章を一行で表示します）デフォルトです

□left … （画像の右側に複数行の文章を回り込みで表示します）
□right … （画像の左側に複数行の文章を回り込みで表示します）

－－－－－－－－－－－－－－－－－－－－－－－－－－－－－

□top

<a href="http://pt.afl.rakuten.co.jp/c/001098f8.be52e715/?url=http%3a%2f%2fwww.rakuten.co.jp%2fplazahamada%2f452275%2f456012%2f486321%2f553626%2f%23643159" target="_blank">
<img src=" http://image.rakuten.co.jp/wshop/data/ws-mall-img/plazahamada/img64/img10231554010.jpeg" border=0 alt="●浜田省吾 “光と影の季節”CD（2005/4/13） " align="top" >
</a>
「光と影の季節」ビデオクリップフルコーラス公開！パソコンのCD-ROMドライブに「光と影の季節」（SECL-180）の＜CD＞を入れて、以下の「ConnecteDで映像を見る」のボタンをクリックして次ぎのページにアクセスすると、ビデオクリップのフルコーラスをご覧いただけます。

↓こんな感じですね（＾＾）

「光と影の季節」ビデオクリップフルコーラス公開！パソコンのCD-ROMドライブに「光と影の季節」（SECL-180）の＜CD＞を入れて、以下の「ConnecteDで映像を見る」のボタンをクリックして次ぎのページにアクセスすると、ビデオクリップのフルコーラスをご覧いただけます。

－－－－－－－－－－－－－－－－－－－－－－－－－－－－－

□middle

<a href="http://pt.afl.rakuten.co.jp/c/001098f8.be52e715/?url=http%3a%2f%2fwww.rakuten.co.jp%2fplazahamada%2f452275%2f456012%2f486321%2f553626%2f%23643159" target="_blank">
<img src=" http://image.rakuten.co.jp/wshop/data/ws-mall-img/plazahamada/img64/img10231554010.jpeg" border=0 alt="●浜田省吾 “光と影の季節”CD（2005/4/13） " align="middle" >
</a>
「光と影の季節」ビデオクリップフルコーラス公開！パソコンのCD-ROMドライブに「光と影の季節」（SECL-180）の＜CD＞を入れて、以下の「ConnecteDで映像を見る」のボタンをクリックして次ぎのページにアクセスすると、ビデオクリップのフルコーラスをご覧いただけます。

↓こんな感じですね（＾＾）

－－－－－－－－－－－－－－－－－－－－－－－－－－－－－

□bottom

<a href="http://pt.afl.rakuten.co.jp/c/001098f8.be52e715/?url=http%3a%2f%2fwww.rakuten.co.jp%2fplazahamada%2f452275%2f456012%2f486321%2f553626%2f%23643159" target="_blank">
<img src=" http://image.rakuten.co.jp/wshop/data/ws-mall-img/plazahamada/img64/img10231554010.jpeg" border=0 alt="●浜田省吾 “光と影の季節”CD（2005/4/13） " align="bottom" >
</a>
「光と影の季節」ビデオクリップフルコーラス公開！パソコンのCD-ROMドライブに「光と影の季節」（SECL-180）の＜CD＞を入れて、以下の「ConnecteDで映像を見る」のボタンをクリックして次ぎのページにアクセスすると、ビデオクリップのフルコーラスをご覧いただけます。

↓こんな感じですね（＾＾）

－－－－－－－－－－－－－－－－－－－－－－－－－－－－－

□left

<a href="http://pt.afl.rakuten.co.jp/c/001098f8.be52e715/?url=http%3a%2f%2fwww.rakuten.co.jp%2fplazahamada%2f452275%2f456012%2f486321%2f553626%2f%23643159" target="_blank">
<img src=" http://image.rakuten.co.jp/wshop/data/ws-mall-img/plazahamada/img64/img10231554010.jpeg" border=0 alt="●浜田省吾 “光と影の季節”CD（2005/4/13） " align="left" >
</a>
「光と影の季節」ビデオクリップフルコーラス公開！パソコンのCD-ROMドライブに「光と影の季節」（SECL-180）の＜CD＞を入れて、以下の「ConnecteDで映像を見る」のボタンをクリックして次ぎのページにアクセスすると、ビデオクリップのフルコーラスをご覧いただけます。

↓こんな感じですね（＾＾）

－－－－－－－－－－－－－－－－－－－－－－－－－－－－－

□right

<a href="http://pt.afl.rakuten.co.jp/c/001098f8.be52e715/?url=http%3a%2f%2fwww.rakuten.co.jp%2fplazahamada%2f452275%2f456012%2f486321%2f553626%2f%23643159" target="_blank">
<img src=" http://image.rakuten.co.jp/wshop/data/ws-mall-img/plazahamada/img64/img10231554010.jpeg" border=0 alt="●浜田省吾 “光と影の季節”CD（2005/4/13） " align="right" >
</a>
「光と影の季節」ビデオクリップフルコーラス公開！パソコンのCD-ROMドライブに「光と影の季節」（SECL-180）の＜CD＞を入れて、以下の「ConnecteDで映像を見る」のボタンをクリックして次ぎのページにアクセスすると、ビデオクリップのフルコーラスをご覧いただけます。

↓こんな感じですね（＾＾）

－－－－－－－－－－－－－－－－－－－－－－－－－－－－－

※注意！ 楽天アフィリエイトでは生成されたリンクを改造することを禁止しておりますので、事例のような方法で成果を得られない場合があるかもしれません。あくまでも、アフィリエイトをなさるかたは自己の責任においてサイトを製作してくださるようお願いいたします。
*****************************************************
なぜか行掛かりでBlogLankingに参加しました(^^;)面白かったらポチして下さいネ