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

相关推荐
杨超越luckly1 分钟前
HTML应用指南:利用GET请求获取微博签到位置信息
大数据·信息可视化·数据分析·html·html5
PythonPioneer2 分钟前
每日Html 4.24
前端·html
洛克希德马丁4 分钟前
关于Qt对Html/CSS的支持
css·qt·html
我有一棵树8 分钟前
元素滚动和内容垂直居中同时存在,完美的 html 元素垂直居中的方法flex + margin: auto
前端·html
Rey_family8 小时前
CSS学习笔记
css·笔记·学习
程序员张39 小时前
Vue3集成sass
前端·css·sass
小桥风满袖15 小时前
Three.js-硬要自学系列13 (加载gltf外部模型、加载大模型)
前端·css·three.js
2401_8370885017 小时前
CSS外边距合并现象
前端·css·html
极客小俊17 小时前
这个被忽略的CSS:hover隐藏用法,让交互设计师都跪了
前端·css
小桥风满袖18 小时前
Three.js-硬要自学系列12 (各种贴图的综合应用)
前端·css·three.js