0143简单的旅游网站html选修课作业可以参考_html+css网页设计作业免费旅游网站.zip资源-CSDN文库

共6个文件

jpg：3个

css：2个

html：1个

版权申诉

html

5星 · 超过95%的资源 161 浏览量 2023-05-31 10:26:07 上传评论收藏 143KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

0143简单的旅游网站.zip （6个子文件）

css

main.css 3KB

common.css 1KB

index.html 3KB

images

华东.jpg 27KB

fengjing.jpg 100KB

touxiang.jpg 13KB

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>旅游网站</title> <link rel="stylesheet" type="text/css" href="css/common.css"/> <link rel="stylesheet" type="text/css" href="css/main.css"/> </head> <body> <section class="qui-page"> <header class="qui-header"> <h1>国内旅游计划</h1> </header> <section class="container"> <div class="plcRouteList"> <a href="#"> <img src="images/fengjing.jpg" width="100%" alt="" class="pic" /> <div class="bottom "> <p class="face"><img src="images/touxiang.jpg" width="38" height="38" alt="" /></p> <h2 class="title">我的旅游行程</h2> </div> <p class="day">14天</p> </a> <div class="infos"> <div> <em>城市</em>  <p> 昆明 - 香格里拉 - 西藏 </p> </div> </div> </div> </section> <section class="container"> <div class="plcRouteList"> <a href="#"> <img src="images/华东.jpg" width="100%" alt="" class="pic" /> <div class="bottom "> <p class="face"><img src="images/touxiang.jpg" width="38" height="38" alt="" /></p> <h2 class="title">我的旅游行程</h2> </div> <p class="day">15天</p> </a> <div class="infos"> <div> <em>城市</em>  <p> 北京 - 常州 - 苏州 </p> </div> </div> </div> </section> <footer class="qui-footerBasic"> <p class="switchStyle"><span >手机版</span><a href="#"><span>电脑版</span> </a><span><a href="#">APP</a></span></p> </footer> </section> <aside class="qui-asides">  <section class="qui-aside"> <nav class="qui-asideNav">  <ul> <li><a href="#" ><span>首页</span></a></li> <li><a href="#" ><span>目的地</span></a></li> <li><a href="#" ><span>酒店</span></a></li> <li><a href="#" ><span>机票</span></a></li> <li><a href="#" ><span>时间</span></a></li> <li><a href="#" ><span>点评</span></a></li> </ul> </nav> </section> </aside> </body> </html>

评论收藏

内容反馈

版权申诉