画像のキャプションと配置について [ちょっと便利なhtml記述]
画像に説明文(キャプション)を付けたいことが良くあります。
おすすめのアルバムが表示 | 有名どころが並んでいます |
表に,図やキャプションを入れて配置するということです。枠線を消してしまえばきれいに表示されます。マージン調整などもいくらでも細かく出来ますので,調整しておいて気に入った配置のものをテンプレート的に使えば良いでしょう。ちなみに右上の図は,<table>でやったもので,そのソースは以下のようになっています。
<table border="0" cellpadding="0" cellspacing="0" align="right">
<tr>
<td> </td>
<td><img src="https://farm1.staticflickr.com/279/18993785114_c4ff8edae8_m.jpg"></td>
<td> </td>
<td><img src="https://farm1.staticflickr.com/440/19428381160_51c44d050e_m.jpg">
</td>
</tr>
<tr>
<td> </td>
<td><span style="font-size:x-small;">おすすめのアルバムが表示</span></td>
<td> </td>
<td><span style="font-size:x-small;">有名どころが並んでいます</span></td>
</tr>
</table>
コメント 0