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

相关推荐
用户2181697049301 小时前
Flutter(四)Dart语法 空安全 运算符 流程控制
前端
许彰午1 小时前
政务督办的分合模式:主办协办的并发审批
前端·javascript·政务
用户69371750013841 小时前
AI时代,程序员该往哪走?
前端·后端
ttwuai1 小时前
GoFrame 后台日志清空失败:无 WHERE 删除为什么被拦住
前端·golang
易筋紫容1 小时前
创建型模式:对象的诞生艺术
开发语言·前端·javascript
半句唐诗2 小时前
我是如何通过 Access Token 成功发布第一个 npm 包的
前端·npm·node.js
程序员黑豆2 小时前
鸿蒙应用开发:@Provider 与 @Consumer 跨组件双向同步详解
前端·harmonyos
paopaokaka_luck2 小时前
基于springboot3+vue3的智能文库平台(AI智能搜索、AI智能汇总、实时在线状态展示、多格式文档预览与富文本编辑、Echarts图形化分析)
前端·网络·spring boot·网络协议·echarts
牧艺2 小时前
cos-design PhotoAlbum:用 CSS 3D 做一个「能翻页」的实体相册
前端·css·交互设计
洪贺2 小时前
从原始采样到可缩放心电图:用 h5ECG 绘制自己的 ECG
前端