Web大学生网页作业成品——家乡常德介绍网页设计与实现(HTML+CSS)（1个页面）-CSDN博客

本文链接：https://blog.csdn.net/weixin_42283461/article/details/141638960

🎉🎉🎉 常见网页设计作业题材有**汽车、环保、明星、文化、国家、抗疫、景点、人物、体育、植物、公益、图书、节日、游戏、商城、旅游、家乡、学校、电影、动漫、非遗、动物、个人、企业、美食、婚纱、其他**等网页设计题目, 可满足大学生网页大作业网页设计需求都能满足你的需求。原始HTML+CSS+JS页面设计, web大学生网页设计作业源码，画面精明，排版整洁，内容丰富，主题鲜明，非常适合初学者学习使用。🎉🎉🎉

一、作品介绍 🔥

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

二、作品演示 ☁️

在这里插入图片描述

三、代码目录 🏠

在这里插入图片描述

四、网站代码 👿

HTML部分代码

 <div class="top">
		<div class="topLogo">
			常德
		</div>
		<div class="topNav">
			<ul>
				<li><a href="">常德首页</a></li>
				<li><a href="">常德概况</a></li>
				<li><a href="">常德古迹</a></li>
				<li><a href="">常德民俗</a></li>
			</ul>
		</div>
		<div class="topGk">
			<p>
				常德，古称“武陵”“朗州”，湖南省辖地级市，位于湖南北部，江南洞庭湖西侧，武陵山下，史称“川黔咽喉，云贵门户”，是长江经济带、长江中游城市群、环洞庭湖生态经济圈的重要城市。全市总面积1.82万平方千米。根据2020年第七次人口普查数据，截止2020年11月1日零时，全市常住人口5279102人。
			</p>
			<p>
				常德城名源自《老子》“为天下溪，常德不离”；历史故事“刘海砍樵”“孟姜女哭长城”以及陶渊明笔下的《桃花源记》等浪漫主义情结贯穿常德城二千多年的历史，开创了常德独有的“善德文化”。
			</p>
			<p>
				常德先后荣获全国文明城市 、中国优秀旅游城市、国家卫生城市、国家园林城市、中国首届魅力城市、国际湿地城市、国际花园城市、全国交通管理模范城市、国家环境保护模范城市、中华诗词之市等称号。
			</p>
			<p>
				2017年，常德市复查确认继续保留全国文明城市荣誉称号。 [5]  2018年重新确认国家卫生城市（区）。 [6]  2022年，常德实现地区生产总值4274.52亿元。
			</p>
			<p>
				2022年4月，第三届全国文明城市湖南省常德市因创建工作滑坡被取消全国文明城市荣誉称号。
			</p>
		</div>
	</div>
	
	<div class="midGj">
		<div class="miWidth">
			<div class="mgTitBox">
				<div class="mgTit">
					常德<span class="red">古迹</span>
				</div>
			</div>
			
			<div class="miList">
				<div class="miItem">
					<div class="miItemImg">
						<img src="./img/gj1.jpg" alt="">
					</div>
					<div class="miItemName">
						城头山古文化遗址
					</div>
				</div>
				<div class="miItem">
					<div class="miItemImg">
						<img src="./img/gj2.jpg" alt="">
					</div>
					<div class="miItemName">
						余家牌坊
					</div>
				</div>
				<div class="miItem">
					<div class="miItemImg">
						<img src="./img/gj3.jpg" alt="">
					</div>
					<div class="miItemName">
						八十垱遗址
					</div>
				</div>
				<div class="miItem">
					<div class="miItemImg">
						<img src="./img/gj4.jpg" alt="">
					</div>
					<div class="miItemName">
						桃花源古建筑群
					</div>
				</div>
			</div>
		</div>
	</div>