HTML5期末大作业：海贼王网站设计——代码质量好-海贼王(6页) 学生漫画网页设计模板代码 漫画网页制作模板 学生简单动漫网站设计成品

文章目录

  • HTML5期末大作业：海贼王网站设计——代码质量好-海贼王(6页) 学生漫画网页设计模板代码 漫画网页制作模板 学生简单动漫网站设计成品
  • 一、作品展示
  • 二、文件目录
  • 三、代码实现
  • 四、完整源码

一、作品展示






二、文件目录

三、代码实现


<!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="zhuce">
            <h2>注册用户</h2>
			<div class="input-box">
            	<p>账号：</p>
                <input type="text">
            </div>
			<div class="input-box">
            	<p>密码：</p>
                <input type="passowrd">
            </div>  
			<div class="input-box">
            	<p>确认密码：</p>
                <input type="passowrd">
            </div> 
			<div class="input-box">
            	<p>邮箱：</p>
                <input type="text">
            </div>  
			<div class="input-box">
            	<p>手机号：</p>
                <input type="text">
            </div>
            <input type="button" class="btn">                                               
        </div>
    </div>
    <div id="footer">
        <p>版权所有@海贼王</p>    	
    </div>    
</div>
</body>
</html>

四、完整源码

~ 关注我，点赞博文~ 每天带你涨知识!
相关问题可以相互学习，可关注↓公Z号 获取更多源码

更多推荐

div+css静态网页设计——代码质量好-海贼王(6页) 学生漫画网页设计模板代码 漫画网页制作模板 学生简单动漫网站设计成品