Travel-Website-main.7z网页设计大作业-旅游网站，html、css实现网页设计大项目网页设计课题

共2个文件

html：2个

html

网页设计

旅游网站

需积分: 2 51 浏览量 2023-03-29 16:24:02 上传评论收藏 2KB 7Z 举报

资源推荐

资源详情

资源评论

收起资源包目录

Travel-Website-main.7z （2个子文件）

Travel-Website-main

index.html 4KB

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>三亚旅游</title> </head> <link rel="stylesheet" type="text/css" href="css/css.css"> <script type="text/javascript" src="js/js.js"></script> <body> <header> <div> <img id="bj" src="images/bj1.jpg"/> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> </ul> </div> </header> <nav> <ul> <li><a href="http://www.baidu.com">走近三亚</a></li> <li><a href="http://www.baidu.com">住宿指南</a></li> <li><a href="http://www.baidu.com">探索之旅</a></li> <li><a href="http://www.baidu.com">文化三亚</a></li> <li><a href="http://www.baidu.com">活动赛事</a></li> <li><a href="http://www.baidu.com">美食美味</a></li> <li><a href="http://www.baidu.com">游玩圣地</a></li> <li><a href="http://www.baidu.com">服务热线</a></li> <li><a href="http://www.baidu.com">旅游攻略</a></li> </ul> </nav> <section> <div class="content clearfix"> <div class="left"> <h3 class="title">主要景点</h3> <ul class="clearfix"> <li> <img src="images/1.jpg" /><p class="p"><a href="http://www.baidu.com">海底世界</a></p></li> <li> <img src="images/4.jpg" /><p class="p"><a href="http://www.baidu.com">龙虎园</a></p></li> <li> <img src="images/5.jpg" /><p class="p"><a href="http://www.baidu.com">蝴蝶谷</a></p></li> <li> <img src="images/2.jpg" /><p class="p"><a href="http://www.baidu.com">南山寺</a></p></li> </ul> </div> <div class="right"> <p class="top">三亚（Sanya ）位于海南岛的最南端，是中国最南部的热带滨海旅游城市，中国海滨城市，是中国空气质量最好的城市、全国最长寿地区（平均寿命80岁）。</p> <div class="main clearfix"> <div class="login"> <form action="login successful.html" method="post" enctype="application/x-www-form-urlencoded" target="_self"> <p>会员登陆</p> <div> <label>用户名:<input type="text" name="username"></label></div> <div> <label>密码:<input type="password" name="psw"></label></div> <div> <input type="submit" name="Submit" id="submit" value="登录"/><input type="reset" name="Reset" id="reset" value="重置"/></div> </form> </div> <div class="ad ad1"> <p class="title">活动优惠</p> <ul> <li><a href="http://www.baidu.com"> 天涯海角游览区门票+海上观光游船票</a></li> <li><a href="http://www.baidu.com">大小洞天风景区新生福利：免费门票</a></li> <li><a href="http://www.baidu.com">鹿回头风景区开学季大礼包：门票+电瓶车</a></li> <li><a href="http://www.baidu.com">三亚海昌梦幻海洋不夜城</a></li> </ul> </div> <div class="ad ad2"> <p class="title">餐饮美食</p> <ul> <li><a href="http://www.baidu.com"> 椰子饭</a></li> <li> <a href="http://www.baidu.com">海南鸡饭</a></li> <li><a href="http://www.baidu.com"> 冬瓜海螺汤</a></li> <li><a href="http://www.baidu.com"> 四川小胡子海鲜加工店</a></li> <li><a href="http://www.baidu.com"> 小米川味海鲜加工店</a></li> </ul> </div> </div> </div> </div> </section> <footer> <a href="http://www.baidu.com">优惠活动</a> <a href="http://www.baidu.com">会员登录/注册</a> <a href="http://www.baidu.com">友情链接</a> <a class="last" href="http://www.baidu.com">联系我们</a> </footer> </body> </html>

评论收藏

内容反馈