HTML静态网页成品作业(HTML+CSS)——家乡漳州介绍设计制作(1个页面)

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

文章目录


一、作品介绍

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

二、作品演示

三、代码目录

四、网站代码

HTML部分代码

c 复制代码
 
		<div class="top">
			<div class="top_city">
				<img src="./images/logo.png" alt="">
			</div>
		</div>
		<div class="nav">
			<div class="width">
				<div><a href="#jj">漳州简介</a></div>
				<div><a href="#jd">漳州景点</a></div>
				<div><a href="#ms">特色美食</a></div>
				<div><a href="#ms1">民俗文化</a></div>
			</div>
		</div>
		<div class="content">
			<div class="width">
				<div class="content_title" id="jj">
					漳州简介
				</div>
				<div class="content_1">
					<img src="./images/jj.jpeg" alt="">
					<div>
						<p>漳州市,福建省辖地级市,中等城市,国务院批复确定的全国沿海经济开放区,是中国较早实行对外开放的地区之一。同时也是海峡西岸经济区中心城市,地处闽南金三角南端,陆域地处北纬23°34'~25°15',东经116°54'~118°08′之间,全市陆地面积1.26万平方公里,海域面积1.86万平方公里。辖区地势由北西向东南倾斜,地貌依次为中低山、丘陵台地和冲海积平原,有福建省最大的平原------漳州平原。属亚热带季风性湿润气候。截至2021年,漳州辖4个市辖区、7个县,
							市政府驻芗城区。2022年末,漳州市常住人口506.8万人。</p>
						<p>
							秦始皇二十五年(前222年),"秦已并天下"后,把闽越故地划为闽中郡,今漳州境时属闽中郡,为正式纳入中央版图之始。 唐垂拱二年(686年)十二月九日,建置漳州。
							境内有东山岛、漳州滨海火山国家地质公园、南靖土楼、云洞岩等景点。漳州市是国家历史文化名城、全国文明城市 、国家级文化生态保护区、国家卫生城市 、全国双拥模范城市、中国优秀旅游城市 。
						</p>
					</div>
				</div>

五、源码获取

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

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

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

相关推荐
acd1200921 分钟前
前端随笔:数据明明变了,Vue 页面就是不更新
前端·javascript·vue.js
传人2 小时前
悬停旋转放大和位移效果如何写
前端·javascript·css
zhangzeyuaaa2 小时前
Ruby 方法参数完全指南:默认值、可变参数与关键字参数
前端·python·ruby
粥里有勺糖2 小时前
视野修炼-技术周刊第135期 | 鼠标跟随宠物
前端·github·aigc
粥里有勺糖2 小时前
拿 Codex 协助清理磁盘,Nice!
前端·后端·github
Highcharts.js2 小时前
可视化商用图表库对比,如何选择?
前端·javascript·学习·信息可视化·highcharts·前端可视化
TheITSea3 小时前
JavaScript Web APIs
开发语言·前端·javascript
恋猫de小郭4 小时前
Android CLI 支持 AI Agent 通过 Device Streaming 调试云真机
android·前端·flutter
Wang's Blog4 小时前
Java 项目实战: 外卖平台优化-前端dist部署与Nginx反向代理rewrite
java·前端·nginx
鬓戈4 小时前
Claude Code frontend-design 插件调研 与 Vue 旧系统风格一致性方案
前端·vue.js·人工智能