<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=shift_jis">
</head>
<body>
<img border="0" src="westbelt.jpg">
<table border="1" >
<tr>
<td width="25%" bgcolor="#FF99FF">■商品名</td>
<td width="25%" bgcolor="#FF99FF">■価格</td>
<td width="25%" bgcolor="#FF99FF">■数量</td>
<td width="25%" bgcolor="#FF99FF"> </td>
</tr>
<tr>
<td width="25%" bgcolor="#FFFFFF">ウエストベルト</td>
<td width="25%" bgcolor="#FFFFFF">819円</td>
<td width="25%" bgcolor="#FFFFFF">
<SELECT NAME="glots">
<OPTION>0
<OPTION>1
<OPTION>2
<OPTION>3
<OPTION>4
<OPTION>5
</SELECT>
</td>
<td width="25%" bgcolor="#FFFFFF">
<INPUT NAME="SUBMIT" TYPE="SUBMIT" VALUE="買い物かごに入れる">
</td>
</tr>
</table>
</body>
</html>
注文用のテーブル(赤字)を追加しました。
border:枠線の太さ1px
width:画面幅の25%。つまり100%÷4=25%で、表幅を四等分しています。
bgcolor:background color は#FF99FF(ピンク)
<SELECT>:セレクトタグは、注文数を選択してもらいます。
商品によって記述を変更するところは、
ウエストベルト
819円
だけです。