<!--テーブル開始-->
<table width="500" border="0" align="center" cellpadding="2" cellspacing="0" bgcolor="#FFCCFF" >
<tr>
<td width="100" align="center" valign="center">
<!--商品１テーブル　開始-->
<table width="100" height="100" border="0" cellpadding="2" cellspacing="0" style="border: 2px dotted #ffffff;"><tr><td align="center" bgcolor="#FFFFFF"> 　@1 </td></tr></table>
<!--白いテーブル1　終了-->
</td>
<td width="150" align="center" valign="middle" bgcolor="#FFFFFF">
<!--説明テーブル１　開始-- >
<table width="100%" border="0" cellspacing="0" cellpadding="2"><tr><td align="center" bgcolor="#FFCCFF" style="border-bottom: 1px dotted #ffccff;"><strong> 商品名１ </strong></td></tr><tr><td align="left" valign="top" style="border-bottom: 1px dotted #ffccff;"> 説明文１ </td></tr></table>
<!--説明テーブル１　終了-->
</td>
<td width="100" align="center" valign="center">
<!--商品２テーブル　開始-->
<table width="100" height="100" border="0" cellpadding="2" cellspacing="0" style="border: 2px dotted #ffffff;"><tr><td align="center" bgcolor="#FFFFFF"> 　@2 </td></tr></table>
<!--商品２テーブル　終了-->
</td>
<td width="150" align="center" valign="middle" bgcolor="#FFFFFF">
<!--　説明テーブル２　開始-->
<table width="100%" border="0" cellspacing="0" cellpadding="2"><tr><td align="center" bgcolor="#FFCCFF" style="border-bottom: 1px dotted #ffccff;"><strong> 商品名２ </strong></td></tr><tr><td align="left" valign="top" style="border-bottom: 1px dotted #ffccff;"> 説明文２ </td></tr></table>
<!--　説明テーブル２終了-->
</td>
</tr>
<!--１行目　終了--><!--２行目開始-->
<tr>
<td width="100" align="center" valign="center">
<!--商品３テーブル　開始-->
<table width="100" height="100" border="0" cellpadding="2" cellspacing="0" style="border: 2px dotted #ffffff;"><tr><td align="center" bgcolor="#FFFFFF">　 @3 </td></tr></table>
<!--商品３テーブル　終了-->
</td>
<td width="150" align="center" valign="middle" bgcolor="#FFFFFF">
<!--説明３テーブル　開始-->
<table width="100%" border="0" cellspacing="0" cellpadding="2"><tr><td align="center" valign="top" bgcolor="#FFCCFF " style="border-bottom: 1px dotted #ffccff;"><strong> 商品名３ </strong></td></tr><tr><td align="left" valign="top" style="border-bottom: 1px dotted #ffccff;"> 説明文３ </td></tr></table>
<!--説明テーブル３　終了-->
</td>
<td align="center" valign="center">
<!--商品テーブル４　開始-->
<table width="100" height="100" border="0" cellpadding="2" cellspacing="0" style="border: 2px dotted #ffffff;"><tr><td align="center" bgcolor="#FFFFFF"> 　@4 </td></tr></table>
<!--商品テーブル４　終了-->
</td>
<td width="150" align="center" valign="middle" bgcolor="#FFFFFF">
<!--説明テーブル４　開始-->
<table width="100%" border="0" cellspacing="0" cellpadding="2"><tr><td align="center" valign="top" bgcolor="#FFCCFF" style="border-bottom: 1px dotted #ffccff;"><strong> 商品名４ </strong></td></tr><tr><td align="left" valign="top" style="border-bottom: 1px dotted #ffccff;"> 説明文4 </td></tr></table>
<!--説明テーブル５　終了-->
</td>
</tr>
<!--２行目　終了--><!--３行目開始-->
<tr>
<!--商品テーブル　５　開始-->
<td width="100" align="center" valign="center">
<table width="100" height="100" border="0" cellpadding="2" cellspacing="0" style="border: 2px dotted #ffffff;"><tr><td align="center" bgcolor="#FFFFFF"> 　@5 </td></tr></table>
<!--商品テーブル５　終了-->
</td>
<td width="150" align="center" valign="middle" bgcolor="#FFFFFF">
<!--説明テーブル５　開始-->
<table width="100%" border="0" cellspacing="0" cellpadding="2"><tr><td align="center" valign="top" bgcolor="#FFCCFF" style="border-bottom: 1px dotted #ffccff;"><strong> 商品名５ </strong></td></tr><tr><td align="left" valign="top" style="border-bottom: 1px dotted #ffccff;"> 説明文５ </td></tr></table>
<!--説明テーブル５　終了-->
</td>
<td align="center" valign="center">
<!--商品テーブル６　開始-- >
<table width="100" height="100" border="0" cellpadding="2" cellspacing="0" style="border: 2px dotted #ffffff;"><tr><td align="center" bgcolor="#FFFFFF">　 @6 </td></tr></table>
<!--商品テーブル６　終了-->
</td>
<td width="150" align="center" valign="middle" bgcolor="#FFFFFF">
<!--説明テーブル６　開始-->
<table width="100%" border="0" cellspacing="0" cellpadding="2"><tr><td align="center" valign="top" bgcolor="#FFCCFF" style="border-bottom: 1px dotted #ffccff;"><strong> 商品名６ </strong></td></tr><tr><td align="left" valign="top" style="border-bottom: 1px dotted #ffccff;"> 説明文６ </td></tr></table>
<!--説明テーブル６　終了-->
</td>
</tr>
<!--3行目　終了--><!--４行目開始-->
<tr>
<td width="100" align="center" valign="center">
<!--商品テーブル７　開始-->
<table width="100" height="100" border="0" cellpadding="2" cellspacing="0" style="border: 2px dotted #ffffff;"><tr><td align="center" bgcolor="#FFFFFF"> 　@7 </td></tr></table>
<!--商品テーブル７　終了-->
</td>
<td width="150" align="center" valign="middle" bgcolor="#FFFFFF">
<!--説明テーブル７　開始-->
<table width="100%" border="0" cellspacing="0" cellpadding="2"><tr><td align="center" valign="top" bgcolor="#FFCCFF" style="border-bottom: 1px dotted #ffccff;"><strong> 商品名７ </strong></td></tr><tr><td align="left" valign="top" style="border-bottom: 1px dotted #ffccff;"> 説明文７ </td></tr></table>
<!--説明テーブル７　終了-->
</td>
<td align="center" valign="center">
<!--商品テーブル８　開始-->
<table width="100" height="100" border="0" cellpadding="2" cellspacing="0" style="border: 2px dotted #ffffff;"><tr><td align="center" bgcolor="#FFFFFF"> 　@8 </td></tr></table>
<!--商品テーブル８　終了-->
</td>
<td width="150" align="center" valign="middle" bgcolor="#FFFFFF">
<!--説明テーブル８　開始-->
<table width="100%" border="0" cellspacing="0" cellpadding="2"><tr><td align="center" valign="top" bgcolor="#FFCCFF" style="border-bottom: 1px dotted #ffccff;"><strong> 商品名８ </strong></td></tr><tr><td align="left" valign="top" style="border-bottom: 1px dotted #ffccff;"> 説明文８ </td></tr></table>
<!--説明テーブル８　終了-->
</td></tr>
<!--４行目終了-->
</table>
<!--テーブル終了-->

*　 <!--〇〇--> のはコメントといってブラウザに表示されない記号です。
　ご自分でわかりやすいようにところどころに目印として使うと便利ですが、使いすぎるとその分文字数が増えますので注意してください。

*　テーブルの色を変える場合はそれぞれのカラーコードを変えればOKです。

ex.…　 bgcolor="#FFCCFF" （ピンク=現在の色）→ bgcolor="#333333"（グレー指定）→ bgcolor="#ff9900"(オレンジ指定)等

⇒ カラーコード一覧

*　テーブルの行数を増やすには
<!--４行目開始--><!-４行目終了---> までをコピーし、 <!--４行目終了--> のすぐ後にペーストします。
ペーストを繰り返すとその分だけ行が増えます。

*　テーブルの行数を減らすには
<!--４行目開始--><!-４行目終了---> までを削除します。

２行減らすなら <!--３行目開始--> ～ <!-４行目終了---> を削除します。

*　テーブル幅を変えるには width="500" の数値を変更します。”●●”を100%にすると トップページでは左右きっちりはまりますが、使用しているデザインテンプレートによっては間延びします。
フリーページでもwidth="100%"にすれば上部のタイトルバナーとサイズがぴったり合いますが、テンプレートは間延びします(^^;)