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

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


一、作品介绍

🏷️本套采用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.想要获取本文源码,点击前往吧

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-05-25 18:02:39       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-05-25 18:02:39       100 阅读
  3. 在Django里面运行非项目文件

    2024-05-25 18:02:39       82 阅读
  4. Python语言-面向对象

    2024-05-25 18:02:39       91 阅读

热门阅读

  1. apache BeanUtils

    2024-05-25 18:02:39       30 阅读
  2. 在AnolisOS8.9系统安装docker-compose

    2024-05-25 18:02:39       36 阅读
  3. el-tree 后端返回的树形结构重命名数据循环

    2024-05-25 18:02:39       32 阅读
  4. Spring: OncePerRequestFilter

    2024-05-25 18:02:39       30 阅读
  5. 缪尔赛思又来到了你的面前(哈希)

    2024-05-25 18:02:39       26 阅读
  6. #php把pdf文件转成图片#

    2024-05-25 18:02:39       32 阅读
  7. 在已创建的git工程中添加.gitignore

    2024-05-25 18:02:39       36 阅读
  8. git忽略文件不生效解决方案

    2024-05-25 18:02:39       36 阅读