HTML期末大作业~海贼王6页~Web大学生网页成品-s018

HTML网页设计-期末大作业

已于 2024-04-03 20:59:54 修改

阅读量1.2k

点赞数 31

文章标签：前端 html 课程设计 js css

于 2024-04-03 20:56:26 首次发布

本文链接：https://blog.csdn.net/qq_41157797/article/details/137357654

版权

HTML期末大作业~ 学生HTML个人网页作业作品下载个人主页博客网页设计制作大学生个人网站作业模板简单个人网页制作，HTML网页设计结课作业

http://imianba.cn/#/articles?category=1&theme=0

这段代码是 HTML 代码，它定义了一个名为“海贼王”的网站的结构。它包含一个头部（head）部分，其中包含元数据和链接到外部资源，例如 CSS 文件。

主体（body）部分包含网站的内容，包括一个带有网站标志的 header 部分、一个带有导航链接的 menu 部分、一个包含内容和侧边栏的 main 部分，以及一个页脚 footer 部分。

main 部分包含一个 content 部分，其中列出了主要人物及其信息，以及一个 sidebar 部分，其中包含用户登录、草帽海贼团成员列表和网站信息。该代码使用 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>

在这里插入图片描述

源码获取
❉ ~ 关注我，点赞博文~ 每天带你涨知识!
❉ ~ ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
❉ ~ http://imianba.cn/#/articles?category=1&theme=0
❉ ~ ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑

HTML网页设计-期末大作业

关注

31
点赞
踩
14

收藏

觉得还不错? 一键收藏
打赏
0
评论
HTML期末大作业~海贼王6页~Web大学生网页成品-s018

main 部分包含一个 content 部分，其中列出了主要人物及其信息，以及一个 sidebar 部分，其中包含用户登录、草帽海贼团成员列表和网站信息。主体（body）部分包含网站的内容，包括一个带有网站标志的 header 部分、一个带有导航链接的 menu 部分、一个包含内容和侧边栏的 main 部分，以及一个页脚 footer 部分。HTML期末大作业~ 学生HTML个人网页作业作品下载个人主页博客网页设计制作大学生个人网站作业模板简单个人网页制作，HTML网页设计结课作业。
复制链接

扫一扫