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.想要获取本文源码,点击前往吧

相关推荐
bluceli2 天前
CSS容器查询:响应式设计的新范式
前端·css
Bigger2 天前
CSS 这些年都经历了什么?一次看懂 CSS 的演化史
前端·css·前端工程化
anOnion2 天前
构建无障碍组件之Switch Pattern
前端·html·交互设计
大漠_w3cpluscom3 天前
使用 clip-path: shape() 创建 Squircle 形状
前端·css·weui
会员源码网5 天前
告别参数混乱:如何优雅解决方法参数过多导致的可维护性难题
css
Lee川6 天前
现代Web开发中的CSS继承、Flexbox布局与LocalStorage交互:从文档解析到实践应用
前端·css
helloweilei7 天前
CSS进阶: background-clip
css
DeathGhost7 天前
CSS container容器查询
前端·css
不会敲代码18 天前
前端组件化样式隔离实战:React CSS Modules、styled-components 与 Vue scoped 对比
css·vue.js·react.js
Sailing8 天前
🚀 别再乱写 16px 了!CSS 单位体系已经进入“计算时代”,真正的响应式布局
前端·css·面试