<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" type="text/css" href="CSS/jiuzhiagou.css"/>
</head>
<body>
<div class="banner">
<div class="banner_one">
<div class="banner_two">
<img class="img1" src="img/logo1.png" />
<img class="img2" src="img/spirals.png" >
<p>首页</p>
<p>简介</p>
<p>订票</p>
<p>新闻</p>
<p>联系方式</p>
</div>
</div>
</div>
<div class="body">
<div class="body_middle">
<br>
<h2>名胜风景</h2>
<!-- one -->
<div class="body_one">
<div class="banner_one_img">
<img src="img/6.jpg" >
<p class="top">九寨沟</p>
<p class="content">九寨沟是一条被森林所覆盖的山沟，因有九个藏族村寨坐落在这片高山湖泊群中而得名。动物资源丰富，具有极高的美学旅游价值，景区内生物多样性丰富，物种珍稀性突出。
</p>
</div>
<div class="banner_one_img banner_one_img2">
<img src="img/4.jpg" >
<p class="top">耗牛肉</p>
<p class="content">九赛沟以高山湖泊群、瀑布、彩林、雪峰、蓝冰和藏族风情并称“九寨沟六绝”，号称"水景之王”。春和景明,花开浪漫;夏绿九寨，恣意清凉;彩林漫漫，炫雅妩媚;冰雪童话，灵韵冬色。
</p>
</div>
<div class="banner_one_img">
<img src="img/3.jpg" >
<p class="top">五花海</p>
<p class="content">五花海由于海底的钙华沉积、各种颜色的藻类以及岸边五彩的林木倒影而呈现出五颜六色。·十月份是五花海最出白日寸候,湖水清敏见底,岸边呈七种颜色的树叶与水中倒影交织纠缠。
</p>
</div>
<div class="banner_one_img">
<img src="img/2.jpg" >
<p class="top">青稞酒</p>
<p class="content">五花海西侧栈道是最佳观赏点之—，戈道的终点便是五花海的出水口，是彩叶最集中的区域。沿着孔雀河北行约100米到环山公路，朝东南方向走到老虎石，便拍摄五花海全景的最佳位置。
</p>
</div>
</div>
<!-- two -->
<div class="body_two">
<div class="banner_two_img">
<img src="img/6.jpg" >
<p class="top">漳扎镇</p>
<p class="content">漳扎镇是九亲沟最近的藏族乡之一,九寨藏迷大剧院坐落在这里，每天上演超有人气的藏族风情歌舞。
</p>
</div>
<div class="banner_two_img banner_two_img2">
<img src="img/4.jpg" >
<p class="top">都江堰景区</p>
<p class="content">两千多年历史仍在发挥作用的水利工程都江堰景区!都江堰边的南桥(原名普济桥)超漂亮,是著名的水上画孩。
</p>
</div>
<div class="banner_two_img">
<img src="img/3.jpg" >
<p class="top">峨眉山景区</p>
<p class="content">无论是峨眉山的云海日出还是金顶圣殿，充满了生机
</p>
</div>
<div class="banner_two_img">
<img src="img/2.jpg" >
<p class="top">乐山大佛</p>
<p class="content">四川的大熊猫乐园—定要去，超多可爱的滚滚们等着呢。
</p>
</div>
</div>
</div>
</div>
<div class="bottom_top">
<div class="bottom_top_chishan">
<div class="box">
<br>
<h2>石岛赤山风景区</h2>
<div class="box_one">
<p>石岛赤山风景名胜区位于山东半岛最东端的中国首届魅力城市——荣成市石岛地区，山因石赤而得名。
</p> <a href="#">更多</a>
</div>
<div class="box_one">
<p>景区现有:法华院、极乐苦萨界、赤山禅院、法华塔、大明圣境(赤山明神)、张保皋传记馆、荣成民俗馆、民间艺术馆、天门潭公园、天后宫十大景观区,四十八处景点。
</p>
</div>
<div class="box_one">
<p>甲子山庄景区依托荣成七大山脉之一的朝阳洞山山脉的主峰甲子山建设，主要分为生态餐饮、休闲度假,茶园种植、林果采摘等功能区域，设有42个主要开发项目。
</p>
</div>
</div>
</div>
</div>
<div class="bottom_top bottom">
<div class="bottom_top_lvyou">
<div class="box">
<br>
<h2>石岛赤山旅游景点</h2>
<div class="box_one">
<p class="p1">石头岛赤山风景区</p>
<p class="content">石岛赤山风景名胜区位于山东半岛最东端的中国首届魅力城市——荣成市石岛地区，山因石赤而得名。
</p><a href="#">更多</a>
</div>
<div class="box_one">
<p class="p1">石头岛赤山风景区</p>
<p class="content">景区现有:法华院、极乐苦萨界、赤山禅院、法华塔、大明圣境(赤山明神)、张保皋传记馆、荣成民俗馆、民间艺术馆、天门潭公园、天后宫十大景观区,四十八处景点。
</p><a href="#">更多</a>
</div>
<div class="box_one">
<p class="p1">石头岛赤山风景区</p>
<p class="content">甲子景区依托荣成七大山脉之一的朝阳洞山山脉的主峰甲子山建设，主要分为生态餐饮、休闲度假,茶园种植、林果采摘等功能区域，设有42个主要开发项目。
</p><a href="#">更多</a>
</div>
</div>
</div>
</div>
<div class="bottoms">
<div class="bottoms_in">
<ul>
<li><a href="#"> 首页 </a></li>
<li>|</li>
<li><a href="#"> 简介 </a></li>
<li>|</li>
<li><a href="#"> 订票 </a></li>
<li>|</li>
<li><a href="#"> 新闻 </a></li>
<li>|</li>
<li><a href="#"> 联系我们</a></li>
</ul>
<hr color="white">
<div class="bottom_middle">
<div class="box1">
<img src="img/f-logo.png"/>
</div>
<div class="box1">
<h1>地址</h1>
<br>
<p>中国</p>
<p>电话：+1234 567 9871</p>
<p>传真：+1234 567 9871</p>
<p>E-mail：Example@mail.com</p>
</div>
<div class="box1">
<h1>请留言</h1>
<br>
<input class="input1" placeholder="Email address"/>
<input class="input2" type="button" value="SIGN UP" />
</div>
<div id="line">
</div>
<p class="p2">Copyright© 2021.Company name All rights reserved.</p>
</div>
</div>
</div>
</body>
</html>
html+css项目练习.rar
需积分: 35 4 浏览量
2022-12-06
14:34:14
上传
评论
收藏 746KB RAR 举报
html+css项目练习.rar （27个子文件） 
html网页项目 img 
15.jpg 54KB 14.jpg 57KB 2.jpg 52KB 1.jpg 152KB 6.jpg 59KB bg_1.jpg 19KB
logo1.png 5KB i2.png 3KB 3.jpg 108KB f-logo.png 5KB sa.jpg 952B 11.jpg 21KB 4.jpg 93KB i1.png 341B spirals.png 3KB icon.png 538B 13.jpg 30KB 16.jpg 98KB quote.png 3KB up-arrow.png 4KB menu.png 511B i3.png 3KB ar.png 3KB nav-bg.jpg 89KB i4.png 3KB CSS 
jiuzhiagou.css 3KB
jiuzhaigou.html 6KB资源评论
