画像の回り込み;FC2ブログ・プチカスタマイズ   

画像の回り込み|FC2ブログ・プチカスタマイズ

  このページはFC2ブログ・プチカスタマイズの ・基本のHTMLとスタイルシート | 基本のタグを覚えよう| 画像の回り込み に関する情報を紹介しています。
  FC2ブログ・プチカスタマイズは、FC2ブログをちょっとだけ改造して、使い易くします。  FC2ブログの魅力は、初心者は初心者なりに、上級者は上級者なりにテンプレートやスタイルシートを改造して色々と変えることができるところ。 このブログでは、初心者から中級者向けのFC2ブログカスタマイズ法をあれこれご紹介。  FC2ブログを楽しみましょう。

 


 
 


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




web拍手 by FC2←これはFC2拍手。お礼のコメントがあるよ。拍手してみて。 FC2 Blog Ranking

このエントリーをはてなブックマークに追加

 今日の話題は、画像の回りこみについて。

通常の画像の挿入と文章

画像の回り込み これが、通常の画像の挿入と文章との関係。

 

画像の回り込みを指定した場合

画像の回り込み

 これは、画像は左寄せ、文字は画像の右上から複数行回り込みにした例。

HTMLの記述は↓

<a href="http://blog-imgs-50.fc2.com/t/a/d/tadameru2/2013050721205282d.jpg"
target="_blank"><img style="WIDTH: 113px; HEIGHT: 123px" border="0"
alt= "画像の回り込み" align="left"
src="http://blog-imgs-50.fc2.com/t/a/d/tadameru2/2013050721205282ds.jpg"
width="119" height="47"></a> 

alt=align="left"がポイント。

 

 align="left"のleftをrightに変えると、画像は右寄せ、文字は画像の左上から複数行回り込みとなる。

 

 画像の回り込み"'

<a href="http://blog-imgs-50.fc2.com/t/a/d/tadameru2/2013050721205282d.jpg"
target="_blank"><img style="WIDTH: 113px; HEIGHT: 123px" border="0"
alt= "画像の回り込み"align="right"
src="http://blog-imgs-50.fc2.com/t/a/d/tadameru2/2013050721205282ds.jpg"
width="119" height="47"></a>

 とした例。



サイト内の同タグへのリンク: 画像  回りこみ 
他のサイトへのタグリンク : 画像 回りこみ

web拍手 by FC2←これはFC2拍手。お礼のコメントがあるよ。拍手してみて。 FC2 Blog Ranking
このエントリーをはてなブックマークに追加
関連記事リスト
  カテゴリ名:[基本のタグを覚えよう]
コメント
この記事へのコメント
コメントを投稿する
URL:
Comment:
Pass:
秘密: 管理者にだけ表示を許可する
 
トラックバック
この記事のトラックバックURL
http://tadameru2.blog91.fc2.com/tb.php/102-c972d6d1
この記事にトラックバックする(FC2ブログユーザー)
この記事へのトラックバック
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。