Home > スポンサー広告 > 画像の左右にテキストや画像を入力・挿入する


スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

 Comments:-

Comment Form

 Trackback+Pingback:-

TrackBack URL for this entry
http://blackcat13numbers.blog31.fc2.com/tb.php/164-8c292d73
Listed below are links to weblogs that reference
スポンサーサイト from TRASH
Trackback from 2010-10-31 (日) 12:06

-

管理人の承認後に表示されます (more…)

Home > スポンサー広告 > 画像の左右にテキストや画像を入力・挿入する

Home > FC2blog Tips > 画像の左右にテキストや画像を入力・挿入する


画像の左右にテキストや画像を入力・挿入する

この記事では、画像の挿入での詳細な方法を説明したいと思います。

1.画像の右にテキストを入れる
20071230_03.jpgこのように画像の右側にテキストが入力できます。
方法は以下の画像タグに赤文字部分を追記します。
<img src="画像URL" alt="" border="0" align="left"/>


2.画像の左にテキストを入れる
20071230_03.jpgこのように画像の左側にテキストが入力できます。
方法は以下の画像タグに赤文字部分を追記します。
<img src="画像URL" alt="" border="0" align="right"/>


3.画像の左右に画像を入れる
画像を「ファイル挿入」で挿入すると、タグは(デフォルト)以下のようになります。
<a href="http://blog△△.fc2.com/△/△△△/file/□□□.jpg" target="_blank"><img src="http://blog△△.fc2.com/△/△△△/file/□□□.jpg" alt="" border="0" /></a><br clear="all" />
そして、テキストを入力したような手順で、「align=""」を追記し、「br clear="all"」の前に同じ画像タグを入力します。成功すると、以下のように連続して画像を貼れます。
2006001.jpg2006003.jpg2006006.jpg

ちなみに上記画像のような記述方法は、以下の通りです。
<a href="左のハム画像URL" target="_blank"><img src="左のハム画像URL" alt="" border="0" align="left"/></a><a href="中央のハム画像URL" target="_blank"><img src="中央のハム画像URL" alt="" border="0" align="left"/></a><a href="右のハム画像URL" target="_blank"><img src="右のハム画像URL" alt="" border="0" align="left"/></a><br clear="all" />
スポンサーサイト

 Comments:0

Comment Form

 Trackback+Pingback:1

TrackBack URL for this entry
http://blackcat13numbers.blog31.fc2.com/tb.php/164-8c292d73
Listed below are links to weblogs that reference
画像の左右にテキストや画像を入力・挿入する from TRASH
Trackback from 2010-10-31 (日) 12:06

-

管理人の承認後に表示されます (more…)

Home > FC2blog Tips > 画像の左右にテキストや画像を入力・挿入する

Recent Comments
Recent Trackback
Feeds

↑Page Top

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。