<!DOCTYPE html> <!-- 睡觉,2018-6-24 22:04:36 还有foot没弄好明天弄--> <html> <head> <meta content="text/html" charset="utf-8"> <title>网上书城</title> </head> <body> <div id="page"> <div id="top"> <!-- table标签指定宽度 --> <table width="100%"> <tr> <td width="70%"><img src="bookstore/images/logo.png"></td> <td align="right"> <img alt="" src="bookstore/images/cart.gif"> <a>购物车</a>|<a>帮助中心</a>|<a>我的帐户</a>|<a>新用户注册</a> </td> </tr> </table> </div> </div> <!-- menu菜单 --> <div id="menu"> <table width="100%" bgcolor="gray"> <tr align="center"> <td><a href="#"></a><font color="white">语文</font></td> <td><a href="#"></a><font color="white">数学</font></td> <td><a href="#"></a><font color="white">外语</font></td> <td><a href="#"></a><font color="white">物理</font></td> <td><a href="#"></a><font color="white">化学</font></td> <td><a href="#"></a><font color="white">生物</font></td> <td><a href="#"></a><font color="white">政治</font></td> <td><a href="#"></a><font color="white">历史</font></td> <td><a href="#"></a><font color="white">地理</font></td> <td><a href="#"></a><font color="yellow">全部商品目录</font></td> </tr> </table> </div> <!-- search 搜索--> <div id="search"> <table width="100%" bgcolor="#B4B486"> <tr> <td align="right">search <input type="text" ><input type="button" value="搜索"> </td> </tr> </table> </div> <!-- content 内容 --> <div id="content"> <!--访问的位置--> <table width="100%"> <tr > <td align="right">首页 >旅游 >图书列表 </td> </tr> </table> <!--标题--> <h1>商品目录</h1> <hr> <h1>计算机类</h1> 共有xx种商品 <hr> <!--产品列表图片--> <img src="./bookstore/images/productlist.gif" width="100%"> <!--图书展示--> <table width="100%"> <tr > <td align="center"> <div><img src="./bookstore/bookcover/101.jpg"></div> <span>书名:xxx</span><br> <span>价钱:88.88</span> </td> <td align="center"> <div><img src="./bookstore/bookcover/102.jpg"></div> <span>书名:xxx</span><br> <span>价钱:88.88</span> </td> <td align="center"> <div><img src="./bookstore/bookcover/103.jpg"></div> <span>书名:xxx</span><br> <span>价钱:88.88</span> </td> <td align="center"> <div><img src="./bookstore/bookcover/104.jpg"></div> <span>书名:xxx</span><br> <span>价钱:88.88</span> </td> <td align="center"> <div><img src="./bookstore/bookcover/105.jpg"></div> <span>书名:xxx</span><br> <span>价钱:88.88</span> </td> <td align="center"> <div><img src="./bookstore/bookcover/106.jpg"></div> <span>书名:xxx</span><br> <span>价钱:88.88</span> </td> </tr> </table> <table width="100%"> <tr > <td align="center"> <div><img src="./bookstore/bookcover/101.jpg"></div> <span>书名:xxx</span><br> <span>价钱:88.88</span> </td> <td align="center"> <div><img src="./bookstore/bookcover/102.jpg"></div> <span>书名:xxx</span><br> <span>价钱:88.88</span> </td> <td align="center"> <div><img src="./bookstore/bookcover/103.jpg"></div> <span>书名:xxx</span><br> <span>价钱:88.88</span> </td> <td align="center"> <div><img src="./bookstore/bookcover/104.jpg"></div> <span>书名:xxx</span><br> <span>价钱:88.88</span> </td> <td align="center"> <div><img src="./bookstore/bookcover/105.jpg"></div> <span>书名:xxx</span><br> <span>价钱:88.88</span> </td> <td align="center"> <div><img src="./bookstore/bookcover/106.jpg"></div> <span>书名:xxx</span><br> <span>价钱:88.88</span> </td> </tr> </table> </div> <!-- foot 顶部 --> <div id="foot"> <table width="100%" bgcolor="#EFEEDC"> <tr> <tb rowspan="2" width="50%" align="center"> <img src="./bookstore/images/logo.png"> </tb> <tb>CONTACT IS</tb> </tr> <tr align="right">copyright 2018 @吾皇万岁 </tr> </table> </div> </body> </html>