HTML5网页设计_html5网页设计作业,html5网页设计作业代码资源-CSDN文库

共60个文件

jpg：42个

png：8个

html：3个

HTML

1星需积分: 49 194 浏览量 2018-05-27 19:42:14 上传评论 19 收藏 667KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

购物.zip （60个子文件）

购物

css

css18-3.css 3KB

css18-1.css 5KB

css18-2.css 4KB

images

gw5.jpg 56KB

cf5.jpg 21KB

djd6.jpg 16KB

zg.jpg 17KB

dq.jpg 15KB

ld.jpg 21KB

uli.png 4KB

djd3.jpg 16KB

xl.jpg 19KB

v5_repeat_x.png 1KB

未标题-1.psd 73KB

djd1.jpg 19KB

v5_main_img.png 23KB

cf2.jpg 17KB

s6.jpg 5KB

gm.psd 129KB

tv.jpg 25KB

gw2.jpg 58KB

dq3.jpg 6KB

cf6.jpg 18KB

main_bot_bg.png 3KB

times.jpg 28KB

hover.png 4KB

djd5.jpg 16KB

gw3.jpg 46KB

body_bg.png 4KB

flp.jpg 18KB

maintop_bg.png 2KB

phone.jpg 19KB

cf3.jpg 13KB

cf1.jpg 18KB

s4.jpg 5KB

gw4.jpg 46KB

dq2.jpg 5KB

logo.jpg 26KB

mainbj.jpg 15KB

gw1.jpg 54KB

gw6.jpg 59KB

s2.jpg 4KB

caterbj.jpg 16KB

djd4.jpg 16KB

cf4.jpg 19KB

djd2.jpg 16KB

catergory.jpg 16KB

s3.jpg 4KB

s1.jpg 4KB

filter_del.gif 1KB

s5.jpg 4KB

gm.jpg 22KB

sv5_main_img.png 21KB

k3.jpg 3KB

nav.gif 3KB

gl.jpg 16KB

bbg.jpg 45KB

18-1.html 4KB

18-3.html 3KB

18-2.html 7KB

<!doctype html> <html> <head> <meta charset="utf-8"> <title>综合案例内容页</title> <link href="css/css18-2.css" rel="stylesheet" type="text/css"> </head> <body> <div class="header"> <div class="headercontent"> <div class="logo"><img title="省钱省时贴心导航" alt="比价购物" src="images/logo.jpg" /></a></div> <div class="searchbox"> <form action="#" method="get" class="search_form"> <input type="text" name="s" class="sinput" placeholder="输入关键字后回车搜索" autofocus x-webkit-speech> <input type="submit" value="搜索" class="sbtn"> </form> </div> <div class="hotkeywords">热门搜索： <a href="/">家居</a>, <a href="/">育婴</a>, <a href="/">鞋包</a>, <a href="/">电器</a>,<a href="/">儿童玩具</a></div> </div> </div> </div> </div> <div class="main"> <div class="mainleft"> <div class="menu"> <ul> <li><a href="18-1.html"><span>首页</span></a></li> <li><a href="18-2.html"><span>电器</span></a></li> <li><a href="18-3.html"><span>服装</span></a></li> <li><a href="18-3.html"><span>家居</span></a></li> <li><a href="18-3.html"><span>鞋包</span></a></li> <li><a href="18-3.html"><span>饰品</span></a></li> <li><a href="18-3.html"><span>办公</span></a></li> <li><a href="18-2.html"><span>食品</span></a></li> <li><a href="18-2.html"><span>化妆</span></a></li> <li><a href="18-2.html"><span>母婴</span></a></li> <li><a href="18-2.html"><span>教育</span></a></li> <li><a href="18-1.html"><span>卫生</span></a></li> </ul> </div> </div> <div class="content"> <div class="category"> <div class="nav">今日特价 </div> <ul> <li><a href="18-2.html">【周大福】金价降破底线，立即抢购！</a></li> <li><a href="#">【优雅壹佰】超细纤维超长神奇干发帽</a></li> <li><a href="#">【梦芭莎】春装狠划算最高直降120 ! </a></li> <li><a href="#"> 【多米网】兰博基尼遥控车模,惊喜不断实惠多多！</a></li> <li><a href="#"> 【诗薇儿】牛皮针扣头皮带，自由搭配！</a></li> <li><a href="#"> 【拍拍网】曼巴狂徒加重游戏鼠标 </a></li> <li><a href="#">【胡桃夹子】春末夏初简约时尚女包全场立减20！</a></li> <li><a href="#">【要红酒】每周特价惊喜不断实惠多多！</a></li> <li><a href="#">【格林豪泰】震撼来袭，酒店1元秒杀！</a></li> <li><a href="#">【美国购物网】疯抢！CK男士钱包腰带低价促销！</a></li> </ul> </div> <div class="category"> <a href="19-2.html"><div class="nav">生活电器</div></a> <div class="navli"> <p><img alt="zg" src="images/ld.jpg"/></p> 龙的除螨专家吸尘 </div> <div class="navli"> <p><img alt="zg" src="images/gl.jpg"/></p> 格力压缩机 </div> <div class="navli"> <p><img alt="zg" src="images/ld.jpg"/></p> 龙的除螨专家吸尘 </div> <div class="navli"> <p><img alt="zg" src="images/gl.jpg"/></p> 格力压缩机 </div> <div class="navli"> <p><img alt="zg" src="images/zg.jpg"/></p> 志高冷暖两用冷风扇(尊贵木纹) </div> <div class="navli"> <p><img alt="zg" src="images/flp.jpg"/></p> 飞利浦吸尘器 </div> </div> <div class="category"> <div class="nav">厨房电器</div> <div class="navli"> <p><img alt="zg" src="images/cf1.jpg"/></p> 龙的水壶 </div> <div class="navli"> <p><img alt="zg" src="images/cf2.jpg"/></p> 电饭煲 </div> <div class="navli"> <p><img alt="zg" src="images/cf3.jpg"/></p> 刀架和菜刀 </div> <div class="navli"> <p><img alt="zg" src="images/cf4.jpg"/></p> 菜刀 </div> <div class="navli"> <p><img alt="zg" src="images/cf5.jpg"/></p> 电磁炉 </div> <div class="navli"> <p><img alt="zg" src="images/cf6.jpg"/></p> 洗菜器 </div> </div> <div class="category"> <div class="nav">个护健康 </div> <ul> <li><a href="18-2.html">韩国引进精品超卡哇伊泰迪熊宝宝热卖中质量三包 </a></li> <li><a href="#">纯色健康小小食品密封盒进口商品</a></li> <li><a href="#">飞利浦（Philips）SC5275/00洁面仪 </a></li> <li><a href="#"> 松下（Panasonic） EH2473N 离子蒸汽美容器！</a></li> <li><a href="#">SKG SKJ518 蒸面器家用蒸脸美容仪！</a></li> <li><a href="#"> 飞利浦（Philips）HP8203 均衡呵护系列电吹风 </a></li> <li><a href="#"> CEM华盛昌DT-8806H红外线人体测温仪</a></li> <li><a href="#">欧姆龙（OMRON) 计步器HJ-204（白色） </a></li> <li><a href="#">凯仕乐(Kasrrow) KSR-13普及新型肩颈乐肩部捶打按摩器 </a></li> </ul> </div> <div class="category"> <div class="nav">五金家装 </div> <ul> <li><a href="18-2.html">圣德保罗18件家庭五金工具套装箱包</a></li> <li><a href="#">圣德保罗43件豪华家庭五金工具套装箱包</a></li> <li><a href="#">铝合金户外救生口哨 4个装 </a></li> <li><a href="#"> 金积嘉8寸带4路监控录像机</a></li> <li><a href="#"> 雨花泽（Yuhuaze） DN-005 干鞋器家庭装！</a></li> <li><a href="#"> 玛斯特（Master Lock） 4680DKNL TSA系列密码锁（灰色） </a></li> <li><a href="#">霍尼韦尔（Honeywell）S200A透明镜片防雾眼镜！</a></li> <li><a href="#">福吉斯特（Forgestar）36件家用工具组套Z017-36</a></li> <li><a href="#">福吉斯特（Forgestar）36件电讯工具组套！</a></li> </ul> </div> <div class="category"> <a href="18-2.html"><div class="nav">大家电 </div></a> <div class="navli"> <p><img alt="zg" src="images/djd1.jpg"/></p> 液晶电视 </div> <div class="navli"> <p><img alt="zg" src="images/djd2.jpg"/></p> 格力空调 </div> <div class="navli"> <p><img alt="zg" src="images/djd3.jpg"/></p> 电冰箱 </div> <div class="navli"> <p><img alt="zg" src="images/djd4.jpg"/></p> 格力洗衣机 </div> <div class="navli"> <p><img alt="zg" src="images/djd5.jpg"/></p> 高档音响 </div> <div class="navli"> <p><img alt="zg" src="images/djd6.jpg"/></p> 热水器 </div> </div> </div> </div> <div class="footer"> <div class="footerBox"> 版权所有：html5+css3网页设计案例教程编写组所有，如有相似之处请联系我们！ </div> <div class="footerbot"> 脚注信息：添加友情链接||合作商家||特别推荐||联系本站方式 </div> </div> </body> </html>

评论收藏

内容反馈