HTML静态网页成品作业(HTML+CSS)—— 家乡南宁介绍网页(2个页面)

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

文章目录


一、作品介绍

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

二、作品演示


三、代码目录

四、网站代码

HTML部分代码

c 复制代码
<div class="w">
	<div class="top">南宁</div>
	<div class="nav">
		<a href="index.html">南宁首页</a>
		<a href="./jingdian.html">著名景点</a>
	</div>
	<div class="main">
		<div class="main_tit">南宁简介</div>
		<div class="main_desc">
			南宁市,简称"邕",古称邕州,别称绿城。广西壮族自治区辖地级市、首府、Ⅰ型大城市、二线城市 、北部湾经济区、珠江---西江经济带和北部湾城市群核心城市、中国---东盟博览会永久举办地、"一带一路"经济带有机衔接的重要门户城市、西部陆海新通道陆港型国家物流枢纽、南部战区陆军机关驻地。截至2022年,全市下辖7个区、4个县、代管1个县级市,总面积2.21万平方千米。 2022年末,南宁市常住人口889.17万人。
		</div>
		<div class="main_img">
			<img src="./images/main1.jpeg" alt="">
		</div>
		<div class="main_desc">
			南宁市位于广西中部偏南,面向东南亚,背靠大西南,东邻粤港澳,南临北部湾,处于"一带一路"的重要节点,是华南经济圈、西南经济圈、中国---东盟经济圈的交汇点。具有近海、近边,沿江、沿线"两近两沿"的特点,距中越边境约200公里,是距离东盟国家最近的省会城市。平陆运河建成后,南宁港产城海融合发展的区位优势更加凸显。 南宁素有"中国绿城""天下民歌眷恋的地方"等美誉,先后荣获联合国人居奖和全国文明城市、国家生态园林城市、国家卫生城市、国家森林城市、中国优秀旅游城市等称号。
		</div>
		<div class="main_desc">
			南宁市积极发展向海经济,推动跨境产业融合发展,立足区位交通优势向枢纽经济转型,服务构建中国---东盟命运共同体。 围绕中国(广西)自由贸易试验区南宁片区产业发展规划,培育发展现代金融、先进制造、数字经济、智慧物流和文体医疗等五大重点产业集群,建设产业发展新高地。
		</div>
		<div class="main_img">
			<img src="./images/main2.jpeg" alt="">
		</div>
	</div>
	
	<div class="footer">
		南宁&nbsp;&nbsp;©&nbsp;&nbsp;版权所有
	</div>

五、源码获取

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

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

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

相关推荐
墨绿色的摆渡人14 分钟前
论文笔记(七十五)Auto-Encoding Variational Bayes
前端·论文阅读·chrome
今晚吃什么呢?35 分钟前
前端面试题之CSS中的box属性
前端·css
我是大龄程序员38 分钟前
Babel工作理解
前端
CopyLower1 小时前
提升 Web 性能:使用响应式图片优化体验
前端
南通DXZ1 小时前
Win7下安装高版本node.js 16.3.0 以及webpack插件的构建
前端·webpack·node.js
Mintopia2 小时前
深入理解 Three.js 中的 Mesh:构建 3D 世界的基石
前端·javascript·three.js
前端太佬2 小时前
暂时性死区(Temporal Dead Zone, TDZ)
前端·javascript·node.js
Mintopia2 小时前
Node.js 中 http.createServer API 详解
前端·javascript·node.js
xRainco2 小时前
Redux从简单到进阶(Redux、React-redux、Redux-toolkit)
前端
印第安老斑鸠啊2 小时前
由一次CI流水线失败引发的对各类构建工具的思考
前端