html+css网页设计旅游雪花旅行社5个页面大学生HTML5期末作业Web前端网页制作html网页制作htmlcss网页制作成品大学生html网页制作作业html5+css3

共52个文件

jpg：36个

png：6个

html：5个

版权申诉

html

67 浏览量 2024-09-09 09:27:12 上传评论收藏 4.02MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

雪花旅行社.zip （52个子文件）

雪花旅行社

scenery.html 5KB

.DS_Store 6KB

informations.html 13KB

dataImg

index_wap.jpg 35KB

index.jpg 149KB

scenery.jpg 145KB

informations_wap.jpg 30KB

about.jpg 78KB

ticket.jpg 90KB

informations.jpg 190KB

ticket_wap.jpg 23KB

about_wap.jpg 36KB

ticket.html 7KB

img

trea1.png 45KB

hot6.jpg 13KB

tour6.jpg 149KB

s5.jpg 116KB

hot2.jpg 12KB

s1.jpg 157KB

hot8.jpg 12KB

s2.jpg 161KB

s6.jpg 194KB

tour5.jpg 92KB

logo.png 10KB

tour9.jpg 155KB

headline.jpg 268KB

s7.jpg 179KB

trea4.png 898B

hot7.jpg 13KB

hot3.jpg 13KB

tour3.jpg 150KB

tour2.jpg 139KB

search.jpg 458KB

tour7.jpg 136KB

trea3.png 773B

hot4.jpg 9KB

trea2.png 878B

hot5.jpg 10KB

tour8.jpg 119KB

s3.jpg 192KB

hot1.jpg 11KB

s4.jpg 156KB

tour4.jpg 101KB

s8.jpg 165KB

disc.png 425B

tour1.jpg 138KB

css

style.css 2KB

column.css 8KB

basic.css 1KB

index.html 6KB

about.html 5KB

.gitignore 229B

<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <title>旅游资讯--旅游网站</title> <link rel="stylesheet" href="css/column.css"> <link rel="stylesheet" href="css/basic.css"> </head> <body> <header> <nav id="nav"> <div id="logo"><img src="img/logo.png" alt=""></div> <ul> <li><a href="index.html">首页</a></li> <li class="active"><a href="informations.html">旅游资讯</a></li> <li><a href="ticket.html">机票订购</a></li> <li><a href="scenery.html">风景欣赏</a></li> <li><a href="about.html">公司简介</a></li> </ul> </nav> </header> <div id="headline"> <div class="headline"> <hgroup> <h2>旅游资讯</h2> <p>介绍各种最新旅游信息、资讯要闻、景点攻略等</p> </hgroup> </div> </div> <div id="container"> <article class="list information"> <div class="infos"> <ul class="infos_left"> <li><a href="">限时特价</a></li> <li><a href="">热门折扣</a></li> </ul> <ul class="infos_right"> <li><a href="" class="selected">推荐</a></li> <li><a href="">折扣</a></li> <li><a href="">价格</a></li> </ul> </div> <figure class="tour"> <img src="img/tour1.jpg" alt=""> <figcation class="description"> <h3>曼谷-芭提雅6日游</h3> <p>包团特惠，超丰富景点，升级1 晚国五，无自费，赠送600元成人券...</p> <ol> <li><mark>交通</mark>：春秋航空,杭州出发,无需转机</li> <li><mark>团期</mark>：11/01、11/03、11/08...</li> </ol> <div class="buy"> <div class="price">￥<strong>2864</strong> <s>¥3980</s></div> <div class="reserve"><a href="">立即抢购</a></div> </div> <div class="type">国内长线</div> <div class="disc"><span>4.7折</span></div> <div class="footer">本团游由雪花旅行社赞助提供，截止于<time>2015-10-10</time></div> </figcation> </figure> <figure class="tour"> <img src="img/tour2.jpg" alt="马尔代夫6日自助游"> <figcation class="description"> <h3>马尔代夫6日自助游</h3> <p>双鱼岛Olhuveli4晚，上海出发，机+酒包含:早晚餐+快艇 </p> <ol> <li> <mark>交通</mark>春秋航空,杭州出发,无需转机</li> <li> <mark>团期</mark>11/01、11/03、11/08...</li> </ol> <div class="buy"> <div class="price">¥<strong>8039</strong> <s>¥9980</s> </div> <div class="reserve"><a href="###">立即抢购</a> </div> </div> <div class="type">出境长线</div> <div class="disc"><span>7.7折</span> </div> <div class="footer">本团游由雪花旅行社赞助提供，截止于 <time>2015-10-10</time> </div> </figcation> </figure> <figure class="tour"> <img src="img/tour3.jpg" alt="海南双飞5日游"> <figcation class="description"> <h3>海南双飞5日游</h3> <p>含盐城接送，全程挂牌四星酒店，一价全含，零自费“自费项目”免费送 </p> <ol> <li> <mark>交通</mark>春秋航空,杭州出发,无需转机</li> <li> <mark>团期</mark>11/01、11/03、11/08...</li> </ol> <div class="buy"> <div class="price">¥<strong>2709</strong> <s>¥3280</s> </div> <div class="reserve"><a href="###">立即抢购</a> </div> </div> <div class="type">自助旅游</div> <div class="disc"><span>6.5折</span> </div> <div class="footer">本团游由雪花旅行社赞助提供，截止于 <time>2015-10-10</time> </div> </figcation> </figure> <figure class="tour"> <img src="img/tour4.jpg" alt="富山-大阪-东京8日游"> <figcation class="description"> <h3>富山-大阪-东京8日游</h3> <p>暑期亲子，2天自由，无导游安排自费项目，全程不强迫购物 </p> <ol> <li> <mark>交通</mark>春秋航空,杭州出发,无需转机</li> <li> <mark>团期</mark>11/01、11/03、11/08...</li> </ol> <div class="buy"> <div class="price">¥<strong>9499</strong> <s>¥9999</s> </div> <div class="reserve"><a href="###">立即抢购</a> </div> </div> <div class="type">自助旅游</div> <div class="disc"><span>8.8折</span> </div> <div class="footer">本团游由雪花旅行社赞助提供，截止于 <time>2015-10-10</time> </div> </figcation> </figure> <figure class="tour"> <img src="img/tour5.jpg" alt="法瑞意德12日游"> <figcation class="description"> <h3>法瑞意德12日游</h3> <p>4至5星，金色列车，少女峰，部分THE MALL </p> <ol> <li> <mark>交通</mark>春秋航空,杭州出发,无需转机</li> <li> <mark>团期</mark>11/01、11/03、11/08...</li> </ol> <div class="buy"> <div class="price">¥<strong>9199</strong> <s>¥9999</s> </div> <div class="reserve"><a href="###">立即抢购</a> </div> </div> <div class="type">国内短线</div> <div class="disc"><span>9.2折</span> </div> <div class="footer">本团游由雪花旅行社赞助提供，截止于 <time>2015-10-10</time> </div> </figcation> </figure> <figure class="tour"> <img src="img/tour6.jpg" alt="巴厘岛6日半自助游"> <figcation class="description"> <h3>巴厘岛6日半自助游</h3> <p>蓝梦出海，独栋别墅，悦榕庄下午茶，纯玩 </p> <ol> <li> <mark>交通</mark>春秋航空,杭州出发,无需转机</li> <li> <mark>团期</mark>11/01、11/03、11/08...</li> </ol> <div class="buy"> <div class="price">¥<strong>6488</strong> <s>¥8460</s> </div> <div class="reserve"><a href="###">立即抢购</a> </div> </div> <div class="type">国内短线</div> <div class="disc"><span>7.6折</span> </div> <div class="footer">本团游由雪花旅行社赞助提供，截止于 <time>2015-10-10</time> </div> </figcation> </figure> <figure class="tour"> <img src="img/tour7.jpg" alt="塞舌尔迪拜9日自助游"> <figcation class="description"> <h3>塞舌尔迪拜9日自助游</h3> <p>一游两国，4晚塞舌尔，2晚迪拜，香港EK往返 </p> <ol> <li> <mark>交通</mark>春秋航空,杭州出发,无需转机</li> <li> <mark>团期</mark>11/01、11/03、11/08...</li> </ol> <div class="buy"> <div class="price">¥<strong>9669</strong> <s>¥9999</s> </div> <div class="reserve"><a href="###">立即抢购</a> </div> </div> <div class="type">游轮观光</div> <div c

评论收藏

内容反馈

版权申诉