海贼王 动漫主题网页 html源码 大作业
页面个数:6
使用技术:html+css
部分代码:
<!DOCTYPE html>
<head>
<meta charset="utf-8" />
<title>海贼王</title>
<link href="css/style.css" rel="stylesheet"/>
</head>
<body>
<div id="wrapper">
<div id="header">
<a href="#"><img src="images/logo.png" class="logo"/></a>
</div>
<div id="menu">
<ul>
<li><a href="index.html">海贼王</a></li>
<li><a href="jieshao.html">故事介绍</a></li>
<li><a href="renwu.html">主要人物</a></li>
<li><a href="meitu.html">海贼美图</a></li>
<li><a href="zhuce.html">注册用户</a></li>
<li><a href="liuyan.html">随笔留言</a></li>
</ul>
</div>
<div id="main">
<div class="content">
<ul class="list">
<li>
<img src="images/zy1.jpg"/>
<h5>“草帽”蒙奇·D·路飞</h5>
<p>初次登场:漫画第1话 年龄:17岁→19岁 生日:5月5日 血型:F型 身高:172cm→174cm 身份:草帽海贼团船长 故乡:东海·风车村 ...</p>
<a href="#">详情...</a>
</li>
<li>
<img src="images/zy2.jpg"/>
<h5>“小贼猫”娜美</h5>
<p>初次登场:漫画第8话 年龄:18岁→20岁 生日:7月3日 血型:X型 身份:阿龙海贼团测量员→草帽海贼团航海士 故乡:东海▪可可亚西村...</p>
<a href="#">详情...</a>
</li>
<li>
<img src="images/zy3.jpg"/>
<h5>“海贼猎人”罗罗诺亚·索隆</h5>
<p>初次登场:漫画第3话 年龄:19岁→21岁 生日:11月11日 血型:XF型 身份:东海海贼赏金猎人→草帽海贼团战斗员 故乡:东海·霜月村...</p>
<a href="#">详情...</a>
</li>
<li>
<img src="images/zy4.jpg"/>
<h5>“GOD”▪乌索普</h5>
<p>初次登场:漫画第23话 年龄:17岁→19岁 生日:4月1日 血型:S型 身份:乌索普海贼团船长→草帽海贼团狙击手 故乡:东海▪西罗普村...</p>
<a href="#">详情...</a>
</li>
</ul>
</div>
<div class="sidebar">
<div class="denglu" >
<h2>用户登录</h2>
<p><span>账号:</span><input type="text" /></p>
<p><span>密码:</span><input type="password" /></p>
<div class="btn">
<a href="#"><img src="images/denglu.png" /></a>
<a href="#"><img src="images/zhuce.png" /></a>
</div>
</div>
<div class="chengyuan">
<h2>草帽海贼团成员</h2>
<ul>
<li><a href="#">“草帽”蒙奇·D·路飞</a></li>
<li><a href="#">“海贼猎人”罗罗诺亚·索隆</a></li>
<li><a href="#">“小贼猫”娜美</a></li>
<li><a href="#">“GOD”▪乌索普</a></li>
<li><a href="#">“黑足”山治</a></li>
<li><a href="#">“爱吃棉花糖的驯鹿”托尼托尼·乔巴</a></li>
<li><a href="#">“恶魔之子”妮可·罗宾</a></li>
<li><a href="#">“改造人”弗兰奇</a></li>
<li><a href="#">“灵魂之王”布鲁克 </a></li>
</ul>
<img src="images/chengyuan.jpg"/>
</div>
</div>
</div>
<div id="footer">
<p>版权所有@海贼王</p>
</div>
</div>
</body>
</html>
效果截图: