HTML*TIPS

sample 16


++ sample 16 ++

タイトルなど
画像1 * 画像2 * 画像3 * 画像4 * 画像5
商品説明1
*
商品説明2
*
商品説明3
*
商品説明4
*
商品説明5
画像6 * 画像7 * 画像8 * 画像9 * 画像10
商品説明6
*
商品説明7
*
商品説明8
*
商品説明9
*
商品説明10
画像11
商品名11
画像12
商品名12
テキスト
テキスト
画像13
商品名13
画像14
商品名14
テキスト
テキスト

&ltTABLE border="0" style="border: 2px none #aaaaff"> &ltTR>&ltTD bgcolor="#ffa500" align="center" style="border: 2px solid #ffa500"> タイトルなど </TD></TR> &ltTR>&ltTD align="center"> &lttable border="0" cellspacing="0" cellpadding="0" width="580" align="center"> &ltTR height="100"> &lttd width="100" style="border-color:#ffa500; border-width: 3px; border-style:dotted;" align="center">画像1</td>&lttd width="20"></td> &lttd width="100" style="border-color:#ff4500; border-width: 2px; border-style:dotted;" align="center">画像2</td>&lttd width="20"></td> &lttd width="100" style="border-color:#ffa500; border-width: 3px; border-style:dotted;" align="center">画像3</td>&lttd width="20"></td> &lttd width="100" style="border-color:#ff4500; border-width: 2px; border-style:dotted;" align="center">画像4</td>&lttd width="20"></td> &lttd width="100" style="border-color:#ffa500; border-width: 3px; border-style:dotted;" align="center">画像5</td> </TR> &ltTR height="20"> &lttd width="100" align="left" valign="top">&ltdiv style="font-size:10px;margin:5px;">商品説明1</div></td>&lttd width="20"></td> &lttd width="100" align="left" valign="top">&ltdiv style="font-size:10px;margin:5px;">商品説明2</div></td>&lttd width="20"></td> &lttd width="100" align="left" valign="top">&ltdiv style="font-size:10px;margin:5px;">商品説明3</div></td>&lttd width="20"></td> &lttd width="100" align="left" valign="top">&ltdiv style="font-size:10px;margin:5px;">商品説明4</div></td>&lttd width="20"></td> &lttd width="100" align="left" valign="top">&ltdiv style="font-size:10px;margin:5px;">商品説明5</div></td> </TR> </table> &lttable border="0" cellspacing="0" cellpadding="0" width="580" align="center"> &ltTR height="100"> &lttd width="100" style="border-color:#ff4500; border-width: 2px; border-style:dotted;" align="center">画像6</td>&lttd width="20"></td> &lttd width="100" style="border-color:#ffa500; border-width: 3px; border-style:dotted;" align="center">画像7</td>&lttd width="20"></td> &lttd width="100" style="border-color:#ff4500; border-width: 2px; border-style:dotted;" align="center">画像8</td>&lttd width="20"></td> &lttd width="100" style="border-color:#ffa500; border-width: 3px; border-style:dotted;" align="center">画像9</td>&lttd width="20"></td> &lttd width="100" style="border-color:#ff4500; border-width: 2px; border-style:dotted;" align="center">画像10</td> </TR> &ltTR height="20"> &lttd width="100" align="left" valign="top">&ltdiv style="font-size:10px;margin:5px;">商品説明6</div></td>&lttd width="20"></td> &lttd width="100" align="left" valign="top">&ltdiv style="font-size:10px;margin:5px;">商品説明7</div></td>&lttd width="20"></td> &lttd width="100" align="left" valign="top">&ltdiv style="font-size:10px;margin:5px;">商品説明8</div></td>&lttd width="20"></td> &lttd width="100" align="left" valign="top">&ltdiv style="font-size:10px;margin:5px;">商品説明9</div></td>&lttd width="20"></td> &lttd width="100" align="left" valign="top">&ltdiv style="font-size:10px;margin:5px;">商品説明10</div></td> </TR> </table> &lttable border="0" cellspacing="0" cellpadding="0" width="580" align="center"> &lttr height="10">&lttd></td></tr> &ltTR> &lttd width="90" height="90" rowspan="2" style="border-color:#ff4500; border-width: 1px; border-style:solid;" align="center">画像11</td>&lttd width="5" rowspan="2"></td> &ltTD width="185" align="left" bgcolor="#ff4500" height="20">&ltdiv style="font-size:14px;margin:0px 10px;">&ltb>商品名11</b></div></TD>&lttd width="5" rowspan="2"></td> &lttd width="90" height="90" rowspan="2" style="border-color:#ffa500; border-width: 1px; border-style:solid;" align="center">画像12</td>&lttd width="5" rowspan="2"></td> &ltTD width="185" align="left" bgcolor="#ffa500" height="20">&ltdiv style="font-size:14px;margin:0px 10px;">&ltb>商品名12</b></div></TD>&lttd width="5" rowspan="2"></td> </TR> &lttr> &lttd height="70" valign="top">&ltdiv style="font-size:12px;margin:5px;">テキスト</div></td> &lttd height="70" valign="top">&ltdiv style="font-size:12px;margin:5px;">テキスト</div></td> </tr> </table> &lttable border="0" cellspacing="0" cellpadding="0" width="580" align="center"> &lttr height="10">&lttd></td></tr> &ltTR> &lttd width="90" height="90" rowspan="2" style="border-color:#ffa500; border-width: 1px; border-style:solid;" align="center">画像13</td>&lttd width="5" rowspan="2"></td> &ltTD width="185" align="left" bgcolor="#ffa500" height="20">&ltdiv style="font-size:14px;margin:0px 10px;">&ltb>商品名13</b></div></TD>&lttd width="5" rowspan="2"></td> &lttd width="90" height="90" rowspan="2" style="border-color:#ff4500; border-width: 1px; border-style:solid;" align="center">画像14</td>&lttd width="5" rowspan="2"></td> &ltTD width="185" align="left" bgcolor="#ff4500" height="20">&ltdiv style="font-size:14px;margin:0px 10px;">&ltb>商品名14</b></div></TD>&lttd width="5" rowspan="2"></td> </TR> &lttr> &lttd height="70" valign="top">&ltdiv style="font-size:12px;margin:5px;">テキスト</div></td> &lttd height="70" valign="top">&ltdiv style="font-size:12px;margin:5px;">テキスト</div></td> </tr> </table></TD></TR></TABLE> &ltTABLE border="0"> &ltTBODY> &ltTR> &ltTD width="600" align="right"> &ltA href="http://plaza.rakuten.co.jp/iku324" target="_blank" style="text-decoration:none"> designed by hana</A></TD> </TR> </TBODY> </TABLE>

© Rakuten Group, Inc.
X
Design a Mobile Site
スマートフォン版を閲覧 | PC版を閲覧
Share by: