1200字范文 > 网页设计作业 HTML5期末大作业：旅游住宿酒店网站设计——旅游住宿酒店(12页)

网页设计作业 HTML5期末大作业：旅游住宿酒店网站设计——旅游住宿酒店(12页)

时间：2019-05-07 07:40:29

HTML5期末大作业：旅游住宿酒店网站设计——旅游住宿酒店(12页)

文章目录

HTML5期末大作业：旅游住宿酒店网站设计——旅游住宿酒店(12页)一、作品展示二、文件目录三、代码实现四、获取更多源码

一、作品展示

二、文件目录

三、代码实现

<html><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>客房展示_旅游住宿农家乐类()</title><meta name="keywords" content="" /><meta name="description" content="" /><link href="style/style.css" rel="stylesheet"><script src="js/jquery.js" ></script><script src="js/jquery.superslide.2.1.1.js" ></script><script src="js/search.js" ></script><script src="js/nav.js" ></script><script src="js/jqselect.js" ></script><script src="js/jquery.validator.js" ></script><script src="js/zh_cn.js" ></script><script src="js/mobile.js" ></script></head><body><div class="top_bg"><div class="top"> <a href="index.htm" title="旅游住宿农家乐类()" class="logo"> <img src="images/logo.png" alt="旅游住宿农家乐类()"></a><div class="toptel"><div class="tel">服务热线：<span>+86-0000-96877</span></div></div></div></div> <div class="nav_bg"><ul class="nav"><li><a title="网站首页" href="index.htm" >网站首页</a> </li><li><a title="景点介绍" href="index-1.htm" >景点介绍</a><dl></dl></li><li><a title="客房展示" href="index-2.htm" >客房展示</a><dl><dd><a title="标准间" href="index-3.htm" >标准间</a></dd><dd><a title="多人间" href="index-4.htm" >多人间</a></dd><dd><a title="双人间" href="index-5.htm" >双人间</a></dd><dd><a title="商务间" href="index-6.htm" >商务间</a></dd></dl></li><li><a title="景点新闻" href="index-7.htm" >景点新闻</a><dl> title="产品展示标题"><img src="images/1-160Q113V4.jpg" alt="产品展示标题" width="218" height="164"></a><span class="zoom1"></span> </div><p><a href="23.html" title="产品展示标题">产品展示标题</a></p></li><li><div class="case-img"><a href="29.html" title="产品展示标题"><img src="images/1-160Q1131950391.jpg" alt="产品展示标题" width="218" height="164"></a><span class="zoom1"></span> </div><p><a href="29.html" title="产品展示标题">产品展示标题</a></p></li><li><div class="case-img"><a href="24.html" title="产品展示标题"><img src="images/1-160Q1131932K9.jpg" alt="产品展示标题" width="218" height="164"></a><span class="zoom1"></span> </div><p><a href="24.html" title="产品展示标题">产品展示标题</a></p></li><li><div class="case-img"><a href="30.html" title="产品展示标题"><img src="images/1-160Q1131911621.jpg" alt="产品展示标题" width="218" height="164"></a><span class="zoom1"></span> </div><p><a href="30.html" title="产品展示标题">产品展示标题</a></p></li><li><div class="case-img"><a href="25.html" title="产品展示标题"><img src="images/1-160H4120SX12.jpg" alt="产品展示标题" width="218" height="164"></a><span class="zoom1"></span> </div><p><a href="25.html" title="产品展示标题">产品展示标题</a></p></li><li><div class="case-img"><a href="26.html" title="产品展示标题"><img src="images/1-160H4120R3316.jpg" alt="产品展示标题" width="218" height="164"></a><span class="zoom1"></span> </div><p><a href="26.html" title="产品展示标题">产品展示标题</a></p></li><li><div class="case-img"><a href="27.html" title="产品展示标题"><img src="images/1-160H4120PLJ.jpg" alt="产品展示标题" width="218" height="164"></a><span class="zoom1"></span> </div><p><a href="27.html" title="产品展示标题">产品展示标题</a></p></li><li><div class="case-img"><a href="28.html" title="产品展示标题"><img src="images/1-160H4120K3550.jpg" alt="产品展示标题" width="218" height="164"></a><span class="zoom1"></span> </div><p><a href="28.html" title="产品展示标题">产品展示标题</a></p></li></ul><div class="pages"> <li><a>首页</a></li><li class="thisclass"><a>1</a></li><li><a href="list_3_2.html" >2</a></li><li><a href="list_3_2.html" >下一页</a></li><li><a href="list_3_2.html" >末页</a></li></div></div> </div></div><img src="images/con_bottom.jpg" class="con_bottom"></div><div class="foot_nav"> <a href="index.htm" title="首页">首页</a> <span>|</span> <a title="景点介绍" href="index-1.htm" >景点介绍</a></li><span>|</span> <a title="客房展示" href="index-2.htm" >客房展示</a></li><span>|</span> <a title="景点新闻" href="index-7.htm" >景点新闻</a></li><span>|</span> <a title="路线推荐" href="index-8.htm" >路线推荐</a></li><span>|</span> <a title="农家大院" href="index-9.htm" >农家大院</a></li><span>|</span> <a title="特色美食" href="index-10.htm" >特色美食</a></li><span>|</span> <a title="活动专题" href="index-11.htm" >活动专题</a></li><span>|</span> <a title="在线留言" href="index-12.htm" >在线留言</a></li><span>|</span> <a title="联系我们" href="index-13.htm" >联系我们</a></li><span>|</span> </div> <div class="foot_bg"><div class="foot"><div class="foot_left"><div class="foot-left-top"><h1>+86-0000-96877</h1><div id="pgshare1"><div id="bdshare" class="bdshare_t bds_tools get-codes-bdshare"> <a class="bds_tsina"></a> <a class="bds_tqq"></a> <a class="bds_qzone"></a> <a class="bds_bdhome"></a> </div></div><script type="text/javascript" id="bdshare_js" data="type=tools" ></script> <script type="text/javascript" id="bdshell_js"></script> <script type="text/javascript">document.getElementById("bdshell_js").src = "http://bdimg./static/js/shell_v2.js?cdnversion=" + Math.ceil(new Date()/3600000)</script>  </div><div class="foot-fonts"><p>2002- 某某旅馆住宿有限公司版权所有</p><p><span>地址：这里是您的公司地址</span><span>电话：+86-0000-96877</span><span>手机：+86-0000-96877</span></p><p><span>技术支持：<a href="#" target="_blank" title="织梦58" >网络公司</a></span><span>ICP备案编号：<a href="javascript:if(confirm('http://www./ window.location='http://www./'" target="_blank" title="ICP备********号">ICP备********号</a></span>统计代码放置</p></div></div><div class="foot_code"><img src="images/erweima.png" width="101" height="101" alt="微信扫一扫"/><p>微信扫一扫</p></div></div></div> <div id="common-tool" ><ul><li><a id="common-sweep-ico" href="javascript:void(0);"><img src="images/sweep-ico.png" alt="二维码" title="二维码"></a><div class="common-sweep-box"> <img src="images/erweima.png" alt="这里是您的网站名称"/></div></li><li><a href="index-12.htm" ><img src="images/book-ico.png" alt="在线留言" title="在线留言"></a></li><li><a href="javascript:if(confirm('/msgrd?<li id="common-top-ico"><a class="common-top" href="javascript:void(0);"><img src="images/top-ico.png" alt="返回顶部" title="返回顶部"></a></li></ul></div> <link rel="stylesheet" type="text/css" href="jquery.dialogbox.css" ><div id="type-dialogBox"></div><script src="js/jquery.dialogbox.js" ></script> <script type="text/javascript" src="su.js" ></script></body></html>