《web前端设计与开发》清华大学出版社P51【任务2-1】代码
程序员文章站
2022-06-13 17:11:17
...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmln="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>漫步时尚广场 - 餐饮栏目</title>
<link href="css/style.css" rel="stylesheet" type="text/css">
</head>
<body>
<!--顶部区域 start-->
<table width ="100%" border= "0" cellspacing="0" cellpadding="0" class="tap_line">
<tr>
<td bgcolor="#f7f7f7">
<table width="1200" border="0"cellspacing="0"cellpadding="0"align="center">
<tr>
<td class="pading-top"><img src="images/star.jpg">收藏|HI 欢迎来订购！
<a href="../manageadmin/login.html"class="orange">[请登录]</a>
<a href="../register/Register.html"class="orange">[免费注册]</a></td>
<td align="right">客户服务<img src="images/arrow.gif"> 网站导航
<img src="images/arrow.gif"> <span class="droparrow">
<span class="shopcart"></span>我的购物车
<span class="orange">0</span>件<img src="images/arrow.gif"/></span>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!--顶部区域 end-->
<!--logo 和 banner start-->
<table width="1200" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td height="95"><a href="../index.html"><img src="images/logo.jpg"></a></td>
<td align="right"><img src="images/banner.jpg"></td>
</tr>
</table>
<!--logo 和 banner end-->
<!--菜单导航 start-->
<table width ="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#ce2626">
<tr>
<td>
<table width="1200" border="0" cellspacing="0" cellpadding="4" align="center" class="nav_font16">
<tr>
<td width="200"> </td>
<td width="80" align="center"class="nav_active">
<a href="shoppingIndex.html"class="white">首页</a></td>
<td width="100" align="center"><a href="shoppingShow.html" class="white">最新上架</a></td>
<td width="100" align="center">品牌活动</td>
<td width="100" align="center">原厂直供</td>
<td width="80" align="center">团购</td>
<td width="100" align="center">限时抢购</td>
<td width="100" align="center">促销打折</td>
<td width="200" align="center"> </td>
</tr>
</table>
</td>
</tr>
</table>
<!--菜单导航 end-->
<!--中间部分 start-->
<table width ="1200" border="0" align="center" cellpadding="4" cellspacing="0" class="padding-top">
<tr>
<td width="220" valign="top">
<!--购物分类 start-->
<table width="100%" border="0" cellspacing="1" cellpadding="0" class="tablel" bgcolor="#e5e4e1">
<tr><th>女装</th></tr>
<tr>
<td><span class="red_dot"></span><a href="#">上衣</a>
<img src="images/arrow_r.jpg" align="right"></td>
</tr>
<tr>
<td><span class="red_dot"></span>下装
<img src="images/arrow_r.jpg" align="right"></td>
</tr>
<tr>
<td><span class="red_dot"></span>连衣裙
<img src="images/arrow_r.jpg" align="right"></td>
</tr>
<tr>
<td><span class="red_dot"></span>内衣
<img src="images/arrow_r.jpg" align="right"></td>
</tr>
<!--左侧导航内容基本相似，此处省略-->
</table>
<!--购物分类 end-->
</td>
<td width="716" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" valign="top">
<!--焦点图 start-->
<img src="images/indes/picl.jpg" width="690" height="350">
<!--焦点图 end-->
</td>
<td valign="top">
<!--右侧 start-->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<!--公告 start-->
<table width="100%" border="0" cellpadding="0" cellspacing="1" bgcolor="#eeeeee">
<tr>
<td height="35" class="notice_title">公告</td>
</tr>
<tr>
<td bgcolor="#ffffff">
<table width="95%" class="padding-top">
<tr>
<td height="30" class="notice_text">
李主任点赞第一村</td>
</tr>
<!--此处省略其他公告内容-->
</table>
</td>
</tr>
</table>
<!--公告 end-->
</td>
</tr>
<tr>
<td height="8"></td>
</tr>
<tr>
<td>
<!--品牌推荐区 start-->
<table width="100%" border="0" cellspacing="1" cellpadding="0" bgcolor="#f7f7f7">
<tr>
<td align="center"><img src="images/index/link1.gif" width="80" height="35"></td>
<td align="center"><img src="images/index/link2.gif" width="80" height="35"></td>
<td align="center"><img src="images/index/link3.gif" width="80" height="35"></td>
</tr>
<!--其他匹配推荐此处省略-->
</table>
<!--品牌推荐区 end-->
</td>
</tr>
</table>
<!--右侧 end-->
</td>
</tr>
</table>
</td>
</tr>
<!--产品分类区 start-->
<tr>
<td>
<table width ="99%" border= "0" align="right"cellspacing="1"cellpadding="0"bgcolor="#dddddd">
<tr>
<td width="20%"bgcolor="#ffffff">
<table width ="90%" border= "0" align="center"cellspacing="0"cellpadding="3">
<tr>
<td><img src="images/index/prol.jpg"width="65"height="65"></td>
<td class="font14">热门品类<br/>护肤彩妆启示</td>
</tr>
<tr>
<td colspan="2">洗护套装 面部精华 香水</td>
</tr>
<tr>
<td colspan="2">粉底液 面霜 洁面</td>
</tr>
<tr>
<td colspan="2">美容工具 复方精油 洗发水</td>
</tr>
</table>
</td>
<!--此处省略其他分类产品-->
</tr>
</table>
</td>
</tr>
<!--产品分类区 end-->
</table>
</td></tr>
</table>
<!--中间部分 end-->
<!--底部 stare--><Br/>
<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#6a6665" height="35" class="foot_bg">
<tr>
<td class="padding-top">
<table width="1200" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="20%" align="center"><img src="images/gray1.jpg"></td>
<td width="20%" align="center"><img src="images/gray2.jpg"></td>
<td width="20%" align="center"><img src="images/gray3.jpg"></td>
<td width="20%" align="center"><img src="images/gray4.jpg"></td>
<td width="20%" align="center"><img src="images/gray5.jpg"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td bgcolor="#efefef" class="foot_line padding-top">
<table width="1200" border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
<td align="center" valign="top"><img src="images/red1.jpg"><br>
<img src="images/line1.jpg"/></td>
<td width="15%" valign="top">
<table width="90%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr><td class="font16 padding-bottom"></td></tr>
<tr><td>用户注册</td></tr>
<tr><td>电话下单</td></tr>
<tr><td>购物流程</td></tr>
<tr><td>购物保障</td></tr>
<tr><td>服务协议</td></tr>
</table>
</td>
<!--此处省略支付方式、配送方式、售后服务等内容-->
</tr>
</table>
</td>
</tr>
<tr>
<td bgcolor="#efefef" align="center" class="padding-top">
Copyright 2015 - 2020 Q- Walking Fashion E&S 漫步时尚广场（QST教育）版权所有
<br/>中国青岛 高新区广博路 325 号 青软教育集团 咨询热线：400 - 658 - 0166
400 - 658 1022<br/><img src="images/foor_pic.jpg"></td>
</tr>
</table>
<!--底部 end-->
</body>
</html>
上一篇： 通过solr建立数据库索引，并查询