HTML静态网页成品作业(HTML+CSS)——我的家乡江永网页设计制作(1个页面)

发布于:2024-05-17 ⋅ 阅读:(148) ⋅ 点赞:(0)

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


一、作品介绍

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

二、作品演示

在这里插入图片描述

三、代码目录

在这里插入图片描述

四、网站代码

HTML部分代码

<div class="header">
		<div class="w">
			<img src="./images/logo.png" alt="">
			<ul>
				<li><a href="">江永历史</a></li>
				<li><a href="">江永景点</a></li>
				<li><a href="">江永特产</a></li>
			</ul>
		</div>
	</div>
	
	<div class="main_img">
		<img src="./images/1.jpeg" alt="">
	</div>
	
	<div class="main">
		<div class="w">
			<div class="main1">
				<h2 class="main1_name">
					江永历史
				</h2>
				<div class="main1_ms">
					<img src="images/ls.jpg" alt="">
					  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;西汉元鼎六年(前111)置谢沐县,因县治位于谢水和沐水之间(今江永上甘棠村附近)而得名,属苍梧郡。是为江永建之始。隋开皇九年(589)并谢沐、营浦为永阳县,居永明岭之阳(昔邑人称都庞岭为永明岭),故名。属永州。唐贞观八年(634),撤永阳县并入营道县,属道州。天授二年(691)复置永阳县,县城在今江永县消浦镇圳景村附近。
					<div class="h"></div>
					    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;天宝元年(742),改永阳县为永明县,县城迁至今江永县消浦镇白脚塔村。宋熙宁五年(1072)废县为镇,并入营道县。1086年复置永明县,因县治位于永明岭(都庞岭)之阳而得名,县治迁至消水南岸,属道州江华郡。元至元十三年(1276)县治迁至潇浦,属道州路。1956年,永明县改名江永县。
					<div class="h"></div>
					    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;1996年,江永县面积1627平方千米,人口约23.8万人。其中瑶族12.3万,占51.8%。辖7个镇、5个乡(其中4个民族乡):潇浦镇、桃川镇、粗石江镇、上江圩镇、允山镇、夏层铺镇、回龙圩镇;黄甲岭乡、松柏瑶族乡、千家峒瑶族乡、兰溪瑶族乡、源口瑶族乡。县政府驻潇浦镇。
				</div>
			</div>
			<div class="main1">
				<h2 class="main1_name">
					江永景点
				</h2>
				<div class="main1_jd">
					<div class="main1_jd1">
						<div class="main1_jd1_img">
							<img src="./images/j1.jpg" alt="">
						</div>
						<div class="main1_jd1_name">
							千家峒森林公园
						</div>
						<div class="main1_jd1_ms">
							位于江永县高泽源林场,规划总面积4430.93公顷。公园内植物资源十分丰富,据调查,区内有天然林3361.64公顷,占总面积的75.87%,植物种类共有1856921637种。
						</div>
					</div>
					<div class="main1_jd1">
						<div class="main1_jd1_img">
							<img src="./images/j2.jpg" alt="">
						</div>
						<div class="main1_jd1_name">
							花山庙
						</div>
						<div class="main1_jd1_ms">
							花山,位于江永县允山镇社下村东南,距江永县城3千米,山巅有庙,人称花山庙,亦称姑婆庙,系女书文化活动中心之一。
						</div>
					</div>
				</div>
			</div>

五、源码获取

🥇 ~ 关注我,点赞博文~ 每天带你涨知识!
🎁1.看到这里了就[点赞+好评+收藏]三连 支持下吧,你的「点赞,好评,收藏」是我创作的动力。
💙2.想要获取本文源码,点击前往吧


网站公告

今日签到

点亮在社区的每一天
去签到