600字范文 > div+css静态网页设计：三亚旅游网站设计——三亚旅游网页设计(6页) html网页设计期末

div+css静态网页设计：三亚旅游网站设计——三亚旅游网页设计(6页) html网页设计期末

时间：2021-02-14 03:25:08

HTML5期末大作业：三亚旅游网站设计——三亚旅游网页设计(6页)

文章目录

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

一、作品展示

二、文件目录

三、代码实现

<!DOCTYPE HTML><html><head><title>旅游景点|境内旅游-旅游景点旅行社网站</title><meta name="renderer" content="webkit"><meta charset="utf-8" /><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><meta name="applicable-device" content="pc,mobile"><meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui"><meta name="description" content="" /><meta name="keywords" content="旅游景点|境内旅游" /><link rel='stylesheet' href='./static/css/style.css'></head><body><div class="load-box"></div><header><div class="head-box"><div class="width-box"><div class="logo-box"><a href="" title="旅游景点旅行社网站"><img src="./static/image/1506052119.png" alt="旅游景点旅行社网站"><h2>旅游</h2><h4>400 000 0000</h4></a></div> <div class="login-box"><a href="login.html">登录</a><a href="register.html">注册</a></div></div></div></header><nav><div class="nav-box"><div class="width-box"><div class="nav-cut"><ul class="nav-ul"><li class="nav-li "><a href="index.html" title="旅游景点旅行社网站">首页</a></li><li class="nav-li active navs margin-left-"><a href="you.html" title="跟团游" >跟团游</a></li><li class="nav-li navs margin-left-"><a href="you.html" title="自助游" >自助游</a></li><li class="nav-li navs margin-left-"><a href="you.html" title="自驾游" >自驾游</a></li><li class="nav-li navs margin-left-"><a href="you.html" title="酒店" >酒店</a></li><li class="nav-li margin-left-"><a href="you.html" title="景点" >景点</a></li><li class="nav-li margin-left-"><a href="gonglue.html" title="攻略" >攻略</a></li><li class="nav-li margin-left-"><a href="gonglue.html" title="交通" >交通</a></li></ul></div><div class="search-cut"><div class="search-button"></div><div class="search-box"><form method="get" action="gonglue.html"><input type="hidden" name="lang" value="cn"><input type="hidden" name="class1" value="10001"><input type="text" placeholder="请输入搜索关键词！" name="searchword" value=""><button type="submit"></button></form></div></div></div></div></nav><section><div class="width-box"><div class="banner-box transform-box"><div class="met-banner banner-ny-h" data-height='' style=''><div class="slick-slide"><img class="cover-image" data-size="1170_100" src="./static/image/1506069563.jpg" srcset='' sizes="(max-width: 767px) 767px" alt=""></div> <div class="slick-slide"><img class="cover-image" data-size="1170_100" data-lazy="./static/image/1506073462.jpg" srcset='' sizes="(max-width: 767px) 767px" alt=""></div> </div></div></div></section><section class="main"><div class="width-box"><div class="price-box"><div class="price-nav transform-box"><ol class="price-ul"><li class="price-li active"><a title="跟团游">热门推荐</a></li><li class="price-li"><a title="一日游">一日游</a></li><li class="price-li"><a title="二日游">二日游</a></li><li class="price-li"><a title="三日游">三日游</a></li><li class="price-li"><a title="四日游">四日游</a></li><li class="price-li"><a title="五日游">五日游</a></li><li class="price-li"><a title="六日游">六日游</a></li>target="_blank">三亚旅游</a></li></ol></div><p>企业网站管理系统</p></div><div class="foot-right"><div class="foot-lang"></div><div class="powered_by_metinfo">Powered by <a href="/#copyright" target="_blank" title="企业网站管理系统">breeze</a> </div></div></div></div></footer><div class="weixin-box"><b><em>X</em>分享到微信朋友圈</b><i></i><p>打开微信，使用“扫一扫”，点击右上角“分享到朋友圈”。</p></div><button type="button" class="btn btn-icon btn-primary btn-squared met-scroll-top hide"><i class="icon wb-chevron-up" aria-hidden="true"></i></button><script src="./static/js/shop_lang_cn.js"></script><script src="./static/js/style.js"></script></body></html>