<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円

だけです。