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

news2024/11/25 9:05:16

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

文章目录

一、作品介绍
二、作品演示
三、代码目录
四、网站代码
- HTML部分代码
五、源码获取

一、作品介绍

🏷️本套采用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>