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