HTML静态网页成品作业(HTML+CSS)——动漫海贼王介绍网页(1个页面)

发布于:2024-05-30 ⋅ 阅读:(232) ⋅ 点赞:(0)

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


一、作品介绍

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

二、作品演示

在这里插入图片描述

三、代码目录

在这里插入图片描述

四、网站代码

HTML部分代码


<header class="logo ">
				<img src="./images/logo.png" alt="">
			</header>
			<!-- 展示图片 -->
			<div class="show ">
				<img src="./images/banner.jpeg" alt="">
			</div>
			<!-- 前言 -->
			<div class="content ">
				<h2>简介</h2>
				<div class="title">
					<p>
						拥有财富、名声、权力,这世界上的一切的男人 “海贼王”哥尔·D·罗杰,在被行刑受死之前说了一句话,让全世界的人都涌向了大海。“想要我的宝藏吗?如果想要的话,那就到海上去找吧,我全部都放在那里。”,世界开始迎接“大海贼时代”的来临 
					</p>
					<p>
						时值“大海贼时代”,为了寻找传说中海贼王罗杰所留下的大秘宝“ONE PIECE”,无数海贼扬起旗帜,互相争斗。有一个梦想成为海贼王的少年叫路飞,他因误食“恶魔果实”而成为了橡皮人,在获得超人能力的同时付出了一辈子无法游泳的代价。十年后,路飞为实现与因救他而断臂的香克斯的约定而出海,他在旅途中不断寻找志同道合的伙伴,开始了以成为海贼王为目标的冒险旅程。
					</p>
					<p>
						<img src="./images/a1.png" alt="">
					</p>
				</div>
				<h2>视频</h2>
				<div class="title">
					<p>
						<video src="./video/1.mp4" controls width="100%"></video>
					</p>
				</div>
			</div>

五、源码获取

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


网站公告

今日签到

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