HTML静态网页成品作业(HTML+CSS)—— 家乡山西介绍网页(3个页面)

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

文章目录


一、作品介绍

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

二、作品演示



三、代码目录

四、网站代码

HTML部分代码

c 复制代码
<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title></title>
	<link rel="stylesheet" href="./css/style.css">
</head>
<body>
	<div class="k">
		<img class="toubu" src="./images/toubu.jpg" alt="">
		<ul class="nav">
			<li><a href="index.html" class="xuanzhong">首页简介</a></li>
			<li><a href="fengjing.html">风景名胜</a></li>
			<li><a href="meishi.html">地方美食</a></li>
		</ul>
		
		
		<div class="neirong">
			<div class="neirong1">
				<img class="neirong1_tupian" src="./images/neirong1.jpeg" alt="">
				<div class="neirong1_jieshao">
					山西省,简称"晋",中华人民共和国省级行政区,省会太原市,位于中国华北,东与河北省为邻,西与陕西省相望,南与河南省接壤,北与内蒙古自治区毗连,介于北纬34°34′---40°44′,东经110°14′---114°33′之间,总面积15.67万平方千米。截至2023年9月,山西省共辖11个地级市。2023年末,山西省常住人口为3465.99万人。山西省地势呈东北斜向西南的平行四边形,是典型的为黄土覆盖的山地高原,地势东北高西南低。高原内部起伏不平,河谷纵横,地貌有山地、丘陵、高原、盆地、台地等,其中山地、丘陵占 80%。山西省地跨黄河、海河两大水系,河流属于自产外流型水系。山西省地处中纬度地带的内陆,属温带大陆性季风气候。 山西地处秦晋文化区,历史代表文化为"三晋文化" 。
				</div>
			</div>
			<div class="neirong_name">山西风光</div>
			<div class="neirong2">
				<div class="neirong2_tupian">
					<img src="./images/neirong2_1.jpg" alt="">
				</div>
				<div class="neirong2_tupian">
					<img src="./images/neirong2_2.jpg" alt="">
				</div>
				<div class="neirong2_tupian">
					<img src="./images/neirong2_3.jpg" alt="">
				</div>
				<div class="neirong2_tupian">
					<img src="./images/neirong2_4.jpg" alt="">
				</div>
				<div class="neirong2_tupian">
					<img src="./images/neirong2_5.jpeg" alt="">
				</div>
				<div class="neirong2_tupian">
					<img src="./images/neirong2_6.jpeg" alt="">
				</div>
			</div>
		</div>
		
		
		<div class="dibu">
			美丽山西 欢迎您
		</div>
	</div>
</body>
</html>

五、源码获取

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

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

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

相关推荐
贵沫末4 分钟前
React——基础
前端·react.js·前端框架
每天开心8 分钟前
深入理解 CSS 选择器:从基础到高级
css·html·ai编程
aklry15 分钟前
uniapp三步完成一维码的生成
前端·vue.js
Rubin9323 分钟前
判断元素在可视区域?用于滚动加载,数据埋点等
前端
爱学习的茄子23 分钟前
AI驱动的单词学习应用:从图片识别到语音合成的完整实现
前端·深度学习·react.js
用户38022585982424 分钟前
使用three.js实现3D地球
前端·three.js
程序无bug26 分钟前
Spring 面向切面编程AOP 详细讲解
java·前端
zhanshuo26 分钟前
鸿蒙UI开发全解:JS与Java双引擎实战指南
前端·javascript·harmonyos
撰卢1 小时前
如何提高网站加载速度速度
前端·javascript·css·html
10年前端老司机1 小时前
在React项目中如何封装一个可扩展,复用性强的组件
前端·javascript·react.js