<!--テンプレート開始-->
<!--タイトル表示テーブル　ここから-->
<table width="750" border="0" cellspacing="6" cellpadding="4"> <tr> <td align="center" bgcolor="#996633"><strong><font color="#FFFFFF"> title </font></strong>　</td></tr> </table>
<!--タイトル表示テーブル　ここまで-->
<br>
<!--商品紹介テーブル１　ここから-->
<table width="750" border="0" cellspacing="6" cellpadding="4" style="border:1px dotted #996633;"><tr><td width="85" height="85" rowspan="2" align="center" valign="middle" style="border:1px solid #996633;"> 画像1 </td><td align="left" valign="top" style="border-bottom:1px solid #996633;">　<font color="#996633" size="2"> ■　 商品名１ </font></td></tr><tr><td align="left" valign="top"> 商品の説明テキスト１・・・ </td></tr></table>
<!--商品紹介テーブル１　ここまで-->
<br>
<!--商品紹介テーブル２　ここから-->
<table width="750" border="0" cellspacing="6" cellpadding="4" style="border:1px dotted #996633;"><tr><td width="85" height="85" rowspan="2" align="center" valign="middle" style="border:1px solid #996633;"> 画像2 </td><td align="left" valign="top" style="border-bottom:1px solid #996633;">　<font color="#996633" size="2"> ■　 商品名2 </font></td></tr><tr><td align="left" valign="top"> 商品の説明テキスト2・・・ </td></tr></table>
<!--商品紹介テーブル２　ここまで-->
<br>
<!--商品紹介テーブル３　ここから-->
<table width="750" border="0" cellspacing="6" cellpadding="4" style="border:1px dotted #996633;"><tr><td width="85" height="85" rowspan="2" align="center" valign="middle" style="border:1px solid #996633;"> 画像3 </td><td align="left" valign="top" style="border-bottom:1px solid #996633;">　<font color="#996633" size="2"> ■　 商品名3 </font></td></tr><tr><td align="left" valign="top">　 商品の説明テキスト3・・・ </td></tr></table>
<!--商品紹介テーブル３　ここまで-->
<!--テンプレート終了-->

*　全体の色を変える場合は #〇〇〇〇〇〇を全て好みのカラーコードに変えればOKです。

⇒ カラーコード一覧

* <br> で、それぞれのテーブルに別れています。したがって画像を入れているテーブルを何段も繋げてすきなだけ商品が紹介できます。

（ <!--商品紹介テーブル３　ここから--> ～ <!--商品紹介テーブル３　ここまで--> のタグを <!--商品紹介テーブル３　ここまで--> の後ろに貼り付ければOKです。）


*　幅を変えるには、 width="750" の数値を変えます。

*　

*　

*