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

相关推荐
无限大66 分钟前
为什么计算机要使用二进制?——从算盘到晶体管的数字革命
前端·后端·架构
良木林16 分钟前
字节前端高频面试题试析
前端
一 乐18 分钟前
家政管理|基于SprinBoot+vue的家政服务管理平台(源码+数据库+文档)
前端·javascript·数据库·vue.js·spring boot
fruge22 分钟前
图片优化终极指南:WebP/AVIF 选型、懒加载与 CDN 配置
前端
掘金一周23 分钟前
数据标注平台正式上线啦! 标注赚现金,低门槛真收益 | 掘金一周 12.10
前端·人工智能·后端
Macbethad29 分钟前
工业触摸屏技术指南:选型、难点与实战解决方案
服务器·前端·数据库
cc蒲公英33 分钟前
vue 对象、数组增删改,对比vue2和vue3 —— 最新总结2025
前端·javascript·vue.js
wordbaby37 分钟前
queries(查询)
前端·react.js
创码小奇客43 分钟前
Trae Solo模式实战:我用3小时撸了个儿童睡前故事网页
前端·javascript·人工智能
Jing_Rainbow1 小时前
【AI-9/Lesson30(2025-11-12)】AI + Vibe Coding:Hulk 浏览器扩展开发全解析 —— 从需求文档到实战的完整指南🌈
前端·人工智能·程序员