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

相关推荐
可视之道11 小时前
CSS Container Queries 在组态大屏中的实战
css
samFuB14 小时前
【数据集】旅游相关微观调查数据集(2021-2026年)
旅游
梦醒沉醉18 小时前
1、HTML入门——HTML基本语法
html
zh_xuan1 天前
github搭建个人主页
html·github
雪碧聊技术2 天前
Vue + Element Plus 实现文本溢出显示省略号及悬浮提示
前端·javascript·css·vue.js·文本溢出省略
小妖6662 天前
设置了 box-sizing: border-box; 不管用,下边框还是被挤压没了
前端·css·html
柚yuzumi2 天前
CSS 定位布局:让元素各就各位
前端·css
用户059540174462 天前
Qdrant 召回不一致踩坑实录:跑了 300 次测试才发现是索引没刷新
前端·css
用户059540174462 天前
AI Agent 上下文污染踩坑实录:用 pytest + Redis 揪出 3 类记忆串号 bug,排查 6 小时
前端·css
鬼手点金2 天前
Scrapy 网络爬虫框架
爬虫·python·scrapy·ajax·html·json·requsts