<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>航海王</title>
<link rel="icon" href="logo.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="logo.ico" type="image/x-icon"/>
<link rel="stylesheet" href="css/index.css"/>
</head>
<body>
<!--头部标签，设置logo以及导航栏-->
<header id="header">
<div class="logo">
<img src="images/logo.png" alt="" title="onepiece"/>
</div>
<div class="music">
<audio id="audio" src="music/audio.mp3" loop controls title="播放音乐"></audio>
</div>
<nav>
<ul>
<li><div>首页</div><div><a href="#header">首页</a></div></li>
<li><div>成员一览</div><div><a href="#s2">成员一览</a></div></li>
<li><div>通缉令</div><div><a href="#s3">通缉令</a></div></li>
<li><div>建议</div><div><a href="html/advice.html">建议</a></div></li>
<li><div>合作伙伴</div><div><ul class="coopUser">合作伙伴<li><a href="html/wangwenlong.html">王文龙</a></li><li><a href="html/jiangyanhui.html">蒋彦辉</a></li></ul></div></li>
</ul>
</nav>
</header>
<!--网页第一部分-->
<section id="s1">
<h1>草帽海贼团</h1>
<ul class="pic_box">
<li>
<img src="images/show(1).png" alt="" width="500px" height="300px"/>
<div class="pic_text">first</div>
</li>
<li>
<img src="images/show(2).png" alt="" width="500px" height="300px"/>
<div class="pic_text">second</div>
</li>
<li>
<img src="images/show(3).jpg" alt="" width="500px" height="300px"/>
<div class="pic_text">third</div>
</li>
<li>
<img src="images/show(4).jpg" alt="" width="500px" height="300px"/>
<div class="pic_text">fouth</div>
</li>
<li>
<img src="images/show(5).jpg" alt="" width="500px" height="300px"/>
<div class="pic_text">fifth</div>
</li>
</ul>
<!--清除浮动影响-->
<br class="cls" style="clear: both">
<div class="s1_footer">
《航海王》也叫《海贼王》是日本漫画家尾田荣一郎作画的少年漫画作品,《海贼王》中所体现的精神是要勇于冒险，坚持梦想，勇敢追寻梦想，不放弃同伴，做人要热血热心肠，要善良美好。
</div>
</section>
<!--网页第二部分-->
<section id="s2">
<div class="s2Title">
<h2>草帽海贼团成员一览</h2>
<p>下面为海贼团中四名成员简介，其他成员暂不概述</p>
</div>
<div class="cardBox">
<div class="card">
<div class="imgBox">
<img src="images/lufei.png" alt=""/>
</div>
<div class="artBox">
<h2>路飞</h2>
<p>蒙奇·D·路飞，日本漫画《航海王》及其衍生作品中的男主角。外号“草帽”路飞，是草帽一伙、草帽大船团船长。橡胶果实能力者，悬赏金15亿贝里。梦想是找到传说中的One Piece，成为海贼王。路飞性格积极乐观，爱憎分明，宁死不屈，十分重视伙伴与朋友，和其他传统的海贼所不同的是，他并不会为了追求财富而杀戮，而是享受着身为海贼的冒险和自由。</p>
</div>
</div>
<div class="card">
<div class="imgBox">
<img src="images/suolong.png" alt=""/>
</div>
<div class="artBox">
<h2>索隆</h2>
<p>东海霜月村出身，是使用三把刀战斗的三刀流剑士。立志成为世界第一大剑豪。之后加入“草帽一伙” ，随着“草帽一伙”以成为世界第一大剑豪的目标航行。加入“草帽一伙”后，索隆时刻尊重着路飞的决定，面对敌人会冲锋在前。虽然身份已经变为了海贼，却仍然坚守着剑士的原则，并经常在团队迷茫的时候分析局势，切中要点，引导团队的决定</p>
</div>
</div>
<div class="card">
<div class="imgBox">
<img src="images/qiaoba.png" alt=""/>
</div>
<div class="artBox">
<h2>乔巴</h2>
<p>乔巴立志成为能够医治所有疾病的医生。身为医生绝对不会对受伤的人见死不救。见到陌生人会害怕，为了躲避陌生人的目光会躲在障碍物后面，但经常会只将头藏起来，把身子露在外面。被人夸奖会非常高兴。不知所措时，会流泪。在朋友遇到危难时，会变得特别勇敢。</p>
</div>
</div>
<div class="card">
<div class="imgBox">
<img src="images/namei.png" alt=""/>
</div>
<div class="artBox">
<h2>娜美</h2>
<p>娜美继承了养母贝尔梅尔的意志——“不管遇到什么困难，都要开朗地面对”，无论是战斗还是生病的时候，娜美都会摆出笑容，因为这是她和贝尔梅尔的约定，她那像是能够鼓励别人的笑容，对草帽一伙来说已经成为一种不可或缺的宝物。</p>
</div>
</div>
</div>
</section>
<!--网页第三部分-->
<section id="s3">
<h1>通<br>缉<br>令</h1>
<div class="s3Left">
<div class="item">
<div class="backFace">
<img src="images/spinimages/lf1.png" alt="" title="路飞"/>
</div>
<div class="face">
<img src="images/spinimages/lf2.png" alt="" title="路飞"/>
</div>
</div>
<div class="item">
<div class="backFace">
<img src="images/spinimages/sl1.png" alt="" title="索隆"/>
</div>
<div class="face">
<img src="images/spinimages/sl2.png" alt="" title="索隆"/>
</div>
</div>
<div class="item">
<div class="backFace">
<img src="images/spinimages/nm1.png" alt="" title="娜美"/>
</div>
<div class="face">
<img src="images/spinimages/nm2.png" alt="" title="娜美"/>
</div>
</div>
<div class="item">
<div class="backFace">
<img src="images/spinimages/qb1.png" alt="" title="乔巴"/>
</div>
<div class="face">
<img src="images/spinimages/qb2.png" alt="" title="乔巴"/>
</div>
</div>
<div class="item">
<div class="backFace">
<img src="images/spinimages/wsb1.png" alt="" title="乌索普"/>
</div>
<div class="face">
<img src="images/spinimages/wsb2.png" alt="" title="乌索普"/>
</div>
</div>
<div class="item">
<div class="backFace">
<img src="images/spinimages/sj1.png" alt="" title="山治"/>
</div>
<div class="face">
<img src="images/spinimages/sj2.png" alt="" title="山治"/>
</div>
</div>
<div class="item">
<div class="backFace">
<img src="images/spinimages/lb1.png" alt="" title="罗宾"/>
</div>
<div class="face">
<img src="images/spinimages/lb2.png" alt="" title="罗宾"/>
</div>
</div>
<div class="item">
<div class="backFace">
<img src="images/spinimages/flq1.png" alt="" title="弗兰奇"/>
</div>
<div class="face">
<img src="images/spinimages/flq2.png" alt="" title="弗兰奇"/>
</div>
</div>
<div class="item">
<div class="backFace">
<img src="images/spinimages/blk1.png" alt="" title="布鲁克"/>
</div>
<div class="face">
<img src="images/spinimages/blk2.png" alt="" title="布鲁克"/>
</div>
</div>
</div>
<div class="s3Right">
<h1>
基于Html5+CSS3技术的海贼王静态网页.zip
版权申诉
50 浏览量
2024-02-13
23:21:16
上传
评论 1
收藏 77.73MB ZIP 举报
基于Html5+CSS3技术的海贼王静态网页.zip （67个子文件） 
onePieceIneternetPage-main music 
audio.mp3 2.76MB movie 
sp2.avi 9.67MB
first.mp4 60.04MB css registered.css 2KB wwl.css 3KB advice.css 3KB index.css 8KB html 
registered.html 1KB wangwenlong.html 7KB tiaozhuan.html 997B login.html 2KB advice.html 5KB jiangyanhui.html 4KB index.html 9KB onePieceIneternetPage images 
lufei.png 522KB
music.gif 77B
board.jpg 112KB show(1).png 40KB spinimages flq1.png 8KB qb2.png 13KB blk1.png 9KB nm1.png 9KB lb2.png 15KB nm2.png 14KB lf1.png 9KB blk2.png 11KB sl2.png 14KB sj2.png 14KB lf2.png 14KB sj1.png 9KB wsb1.png 8KB lb1.png 8KB qb1.png 8KB sl1.png 8KB wsb2.png 14KB flq2.png 14KB jiangyanhui ziyou.jpg 445KB qq.jpg 9KB ma.png 85KB show(2).png 29KB fengmian.jpg 412KB s1.jpg 70KB show(4).jpg 39KB wangwenlong attention.png 3KB ico-password.png 1KB ico-user.png 2KB header-nav.png 3KB 1.jpeg 2.82MB warn.png 3KB 海绵宝宝.png 286KB 5.png 10KB right.png 3KB icon_back.png 751B 7.png 255KB 抽我.png 38KB check-icon.png 2KB s2.jpg 1KB logo.png 38KB 1.jpg 3KB namei.png 53KB show(5).jpg 46KB top.png 2KB s3.jpg 1KB show(3).jpg 27KB qiaoba.png 35KB suolong.png 131KB logo.ico 400B资源评论
博士僧小星
- 粉丝: 1947
- 资源: 5905
下载权益
C知道特权
VIP文章
课程特权
VIP享7折，此内容立减5.97元 开通VIP
