Web大学生网页作业成品——家乡山西介绍网页网站设计与实现(HTML+CSS)（3个页面）

爱码网页

于 2024-08-14 10:30:21 发布

阅读量160

点赞数 7

文章标签：前端 html css

本文链接：https://blog.csdn.net/weixin_42283461/article/details/141184008

版权

🎉🎉🎉 常见网页设计作业题材有**汽车、环保、明星、文化、国家、抗疫、景点、人物、体育、植物、公益、图书、节日、游戏、商城、旅游、家乡、学校、电影、动漫、非遗、动物、个人、企业、美食、婚纱、其他**等网页设计题目, 可满足大学生网页大作业网页设计需求都能满足你的需求。原始HTML+CSS+JS页面设计, web大学生网页设计作业源码，画面精明，排版整洁，内容丰富，主题鲜明，非常适合初学者学习使用。🎉🎉🎉

一、作品介绍 🔥

🏷️本套采用HTML+CSS，未使用Javacsript代码，共有3个页面。

二、作品演示 ☁️

在这里插入图片描述

三、代码目录 🏠

在这里插入图片描述

四、网站代码 👿

HTML部分代码

<!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>