HTML静态网页成品作业(HTML+CSS)——川西旅游介绍网页(2个页面)

🎉不定期分享源码,关注不丢失哦

文章目录


一、作品介绍

🏷️本套采用HTML+CSS,未使用Javacsript代码,共有2个页面

二、作品演示


三、代码目录

四、网站代码

HTML部分代码

c 复制代码
<div class="header">
			<div class="logo">
				美丽川西
			</div>
			<div class="nav">
				<a href="index.html" class="active">川西首页</a>
				<a href="./html/meijing.html" >川西美景</a>
			</div>
		</div>

		<div class="banner">
			<img src="./pic/banner.jpg">
		</div>
		<div class="main">
			
			<h2>川西简介</h2>
			<p>
				四川省西部与四川盆地西部的简称重名,现川西(四川省西部)又可指四川省行政区划西部的阿坝州甘孜州等名川西高原地区。
			</p>
			<p>
				历史上的"川西"指的是四川盆地里西部边缘地带,不包括川西高原,广义上来说包括成都、乐山 、德阳、眉山、雅安。
			</p>
			<p>
				而地理上的川西多指四川阿坝州甘孜州等地区。这个地区自然风景优美迷人,九寨沟、黄龙、卧龙自然保护区、四姑娘山、米亚罗风景区、九曲黄河十八弯等风景名胜都位于川西地区,是四川省风景最迷人的一个地区,也是旅游和户外的理想去处。
			</p>
			<div class="main_img">
				<img src="./pic/1.png" alt="">
				<img src="./pic/2.png" alt="">
				<img src="./pic/3.png" alt="">
			</div>
			<p>
				川西坝子,有"小江南"的美称,因其独特的自然地理条件孕育了独特的人文景观和风俗习惯,这点在现代作家李劼人的《死水微澜》中有详尽具体的描述。
			</p>
			<p>
				由于四川境内多山地、高原,盆地倒是面积小得多。盆地内丘陵纵横;高原上矗立着巍峨壮观的冰川、雪山。地势跌宕起伏,气候复杂多变。
			</p>
			<p>
				它又地处中国西南腹地,长江上游。是联接中国西南、西北和华中三大地区的天然纽带。东西南北文化在这里交流,长江黄河文明在这里融合。独特的巴蜀文化,神秘古朴的藏、羌、彝风情。数亿年的地质运动,造就了瑰丽险峻的巴蜀风光。独特的人文地理环境,孕育出了丰厚的文化积淀。
			</p>
			<div class="main_img">
				<img src="./pic/4.png" alt="">
				<img src="./pic/5.png" alt="">
			</div>
		</div>
		<!-- 底部 -->
		<div class="footer">
			美丽川西 版权所有
		</div>

五、源码获取

🥇 ~ 关注我,点赞博文~ 每天带你涨知识!

🎁1.看到这里了就[点赞+好评+收藏]三连 支持下吧,你的「点赞,好评,收藏」是我创作的动力。

💙2.想要获取本文源码,点击前往吧

相关推荐
weixin_427771611 小时前
css font-size 的妙用
前端·css
liangshanbo12154 小时前
CSS 数学函数完全指南:从基础计算到高级动画
前端·css
Tzarevich8 小时前
浏览器渲染原理深度解析:从HTML/CSS/JS到像素的完整旅程
css·html
_志哥_10 小时前
深度解析:解决 backdrop-filter 与 border-radius 的圆角漏光问题
前端·javascript·html
鱼鱼块13 小时前
《CSS 核心机制与选择器实战精要》
css
黑云压城After14 小时前
纯css实现加载动画
服务器·前端·css
茶憶14 小时前
uni-app app移动端实现纵向滑块功能,并伴随自动播放
javascript·vue.js·uni-app·html·scss
一位搞嵌入式的 genius14 小时前
微前端架构:JavaScript 隔离方案全解析(含 CSS 隔离)概要
前端·css·前端实战
坚持就完事了14 小时前
001-初识HTML
前端·html
坚持就完事了16 小时前
003-HTML之表单
服务器·前端·html