タグ:HTMLブログfc2画像

HTMLコードメモ 画像の位置とか大きさとか回りこみとか

ブログの画像をセンタリングしたり、リサイズしたり、横にならべたり、文字の回りこみしたりを覚えたのでここにメモっておきます。

私もしばらくはコピペして使おうと思います。

覚えられない@@;

HTMLブログfc2画像



通常表示

41Aj19jQMJLSL500_AA300_.jpg

<img src="http://blog-imgs-42.fc2.com/m/i/c/mickymac/41Aj19jQMJLSL500_AA300_.jpg" alt="41Aj19jQMJLSL500_AA300_.jpg" border="0" width="300" height="300" />



縮小表示

41Aj19jQMJLSL500_AA300_.jpg

<img src="http://blog-imgs-42.fc2.com/m/i/c/mickymac/41Aj19jQMJLSL500_AA300_.jpg" alt="41Aj19jQMJLSL500_AA300_.jpg" border="0" width="150" height="150" />



センター寄せ
41Aj19jQMJLSL500_AA300_.jpg


<div style="text-align: center">
<img src="http://blog-imgs-42.fc2.com/m/i/c/mickymac/41Aj19jQMJLSL500_AA300_.jpg" alt="41Aj19jQMJLSL500_AA300_.jpg" border="0" width="300" height="300" />
</div>



文字の回りこみ
41Aj19jQMJLSL500_AA300_.jpg

Panasonic

Lumix

G10



<img src="http://blog-imgs-42.fc2.com/m/i/c/mickymac/41Aj19jQMJLSL500_AA300_.jpg" alt="41Aj19jQMJLSL500_AA300_.jpg" border="0" width="300" height="300" Align="left" />
</p>
Panasonic</p>
</p>
Lumix</p>
</p>
G10</p>
</p>
<p clear="left"></p>



画像と文字の横ならび






41Aj19jQMJLSL500_AA300_.jpg
Panasonic Lumix G10

41Aj19jQMJLSL500_AA300_.jpg
Panasonic Lumix G10


<table>
<tr>
<td>

<img border="0" alt="41Aj19jQMJLSL500_AA300_.jpg" width="300" height="300" src="http://blog-imgs-42.fc2.com/m/i/c/mickymac/41Aj19jQMJLSL500_AA300_.jpg" />
Panasonic Lumix G10
</td>
<td>

<img border="0" alt="41Aj19jQMJLSL500_AA300_.jpg" width="300" height="300" src="http://blog-imgs-42.fc2.com/m/i/c/mickymac/41Aj19jQMJLSL500_AA300_.jpg" />
Panasonic Lumix G10
</td>
</tr>
</table>



*アプリ価格・仕様は記事作成時(2010/06/18)のものです。最新情報はiTunesストアにてご確認下さい。

カテゴリ:ブログ、カスタマイズ

タグ:HTMLブログfc2画像

関連記事:
SHARE:
  • このエントリーをはてなブックマークに追加
  • LINEで送る
COMMENT:

コメントはお気軽に!あなたのアプリレビュー、相談、プチ情報、なんでもOK

 






非公開コメント

ブログパーツ