HTML静态网页成品作业(HTML+CSS)——家乡芷江侗族自治县介绍网页(1个页面)

发布于:2024-06-01 ⋅ 阅读:(143) ⋅ 点赞:(0)

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


一、作品介绍

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

二、作品演示

在这里插入图片描述

三、代码目录

在这里插入图片描述

四、网站代码

HTML部分代码

<div class="bg">
		<img src="./image/zjzjbanner.jpg" alt="">
		<div class="bg_top">
			<div class="width1200">
				<div class="bg_topl">芷江侗族自治县</div>
				<div class="bg_topr">
					<a href="">魅力芷江</a>
					<a href="">走进芷江</a>
					<a href="">名声旅游</a>
					<a href="">地方特产</a>
				</div>
			</div>
		</div>
	</div>
	
	
	<div class="nr1">
		<div class="width1200">
			<div class="nr_img">
				<img src="./image/headti1.png" alt="">
			</div>
			<div class="nr_111">
				<img src="./image/1e587a4ffd874656b243736a61a5b537.png" alt="">
				<div class="nr_1112">
					芷江是一座历史悠久的千年古城。建县于汉高祖五年(公元前202年),至今已有2200多年历史,是省级历史文化名城,正在创建国家历史文化名城。芷江是一座驰名中外的和平名城。抗日战争胜利受降在此举行,和平文化深入人心。成功举办五届“中国芷江•国际和平文化节”和湖南省纪念抗日战争胜利69周年、70周年纪念大会,美国前总统卡特曾到访芷江,2021年芷江获准成为全球第307座、中国第二座国际和平城市,芷江国际和平名城形象更加彰显。
				</div>
			</div>
		</div>
	</div>
	
	<div class="nr2">
		<div class="width1200">
			<div class="nr_img">
				<img src="./image/headti3.png" alt="">
			</div>
			<div class="nr_222">
				<div class="nr_2222">
					<img src="./image/22b94de32d00466ab2f100faa5db9c76.jpg" alt="">
					<div class="nr_2222_1">蟒塘溪电站风光</div>
				</div>
				<div class="nr_2222">
					<img src="./image/68f04c4d8c91408fb4b06f186e2249f4.jpg" alt="">
					<div class="nr_2222_1">龙津风雨桥</div>
				</div>
				<div class="nr_2222">
					<img src="./image/86a4a928213044bba1d0967efa2f1fd9.jpg" alt="">
					<div class="nr_2222_1">佰瀑峡</div>
				</div>
			</div>
		</div>
	</div>
	


五、源码获取

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