HTML网页设计期末课程大作业~动漫樱桃小丸子5页表格div+css学生网页设计作业源码

本文主要是介绍HTML网页设计期末课程大作业~动漫樱桃小丸子5页表格div+css学生网页设计作业源码,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

动漫樱桃小丸子5页表格div+css学生网页设计作业源码~ HTML+CSS+JS网页设计期末课程大作业 ~ web前端开发技术 ~ web课程设计网页规划与设计 ~HTML期末大作业

临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手?网页要求的总数量太多?没有合适的模板?等等一系列问题。你想要解决的问题,在这篇博文中基本都能满足你的需求~

关于HTML网页设计期末课程大作业实现,大作业A+水平 ~,共有网站首页 作者简介 个人履历 个人作品 所获奖励 联系方式 等5个页面!

原始HTML+CSS+JS页面设计, web大学生网页设计作业源码,~这是一个不错的网页制作,画面精明,非常适合初学者学习使用。

一、作品演示

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

二、代码目录

在这里插入图片描述

三、代码实现

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><link href="css/style.css" type="text/css" rel="stylesheet" /><meta name="keywords" content="tzyh" /><title>Untitled Document</title>
</head>
<script type="text/javascript" src="../tzyh.js"></script><body><!-- Copyright � 2005. Spidersoft Ltd --><style>A.applink:hover {border: 2px dotted #DCE6F4;padding: 2px;background-color: #ffff00;color: green;text-decoration: none}A.applink {border: 2px dotted #DCE6F4;padding: 2px;color: #2F5BFF;background: transparent;text-decoration: none}A.info {color: #2F5BFF;background: transparent;text-decoration: none}A.info:hover {color: green;background: transparent;text-decoration: underline}</style><!-- /Copyright � 2005. Spidersoft Ltd --><div class="top"><div class="top_in"><table width="1004" border="0" cellspacing="0" cellpadding="0"><tr><td width="153"><img src="images/img2.png" /></td><td width="278" height="150"><img src="images/zi.png" /></td><td width="573" align="right" valign="bottom"><img src="images/tel.png" /></td></tr></table></div></div><div class="nav"><div class="nav_in"><table width="1004" border="0" cellspacing="0" cellpadding="0"><tr><td width="45" height="40" align="left" valign="middle"><img src="images/peo.png" /></td><td width="122"><a href="index.html">网站首页</a></td><td width="45" height="40" align="left" valign="middle"><img src="images/peo.png" /></td><td width="122"><a href="list1.html">作者简介</a></td><td width="45" height="40" align="left" valign="middle"><img src="images/peo.png" /></td><td width="122"><a href="list2.html">个人履历</a></td><td width="45" height="40" align="left" valign="middle"><img src="images/peo.png" /></td><td width="122"><a href="list3.html">个人作品</a></td><td width="45" height="40" align="left" valign="middle"><img src="images/peo.png" /></td><td width="122"><a href="list4.html">所获奖励</a></td><td width="45" height="40" align="left" valign="middle"><img src="images/peo.png" /></td><td width="124"><a href="list5.html">联系方式</a></td></tr></table></div></div><div class="box"><div class="box_in" style="padding-top:20px;"><table width="1004" border="0" cellspacing="0" cellpadding="0"><tr><td width="200" align="left" valign="top"><table width="200" border="0" cellspacing="0" cellpadding="0" style="background:#fff;"><tr><td width="200" align="center" valign="middle"><img src="images/img3.png" /></td></tr><tr><td height="40" bgcolor="#c72638" style="color:#fff;">&nbsp;&nbsp;小丸子百科</td></tr><tr><td height="45" align="left" valign="middle" style="border-bottom:1px dashed #fed6cd; font-size:14px; font-family:微软雅黑; color:#c72638; font-weight:100;">&nbsp;&nbsp;<a href="list6.html">作品简介</a></td></tr><tr><td height="45" align="left" valign="middle" style="border-bottom:1px dashed #fed6cd; font-size:14px; font-family:微软雅黑; color:#c72638; font-weight:100;">&nbsp;&nbsp;<a href="list7.html">演员表</a></td></tr><tr><td height="45" align="left" valign="middle" style="border-bottom:1px dashed #fed6cd; font-size:14px; font-family:微软雅黑; color:#c72638; font-weight:100;">&nbsp;&nbsp;<a href="list8.html">角色介绍</a></td></tr><tr><td height="45" align="left" valign="middle" style="border-bottom:1px dashed #fed6cd; font-size:14px; font-family:微软雅黑; color:#c72638; font-weight:100;">&nbsp;&nbsp;<a href="list21.html">座位表</a></td></tr><tr><td height="45" align="left" valign="middle" style="border-bottom:1px dashed #fed6cd; font-size:14px; font-family:微软雅黑; color:#c72638; font-weight:100;">&nbsp;&nbsp;<a href="list22.html">目录</a></td></tr><tr><td height="45" align="left" valign="middle" style="border-bottom:1px dashed #fed6cd; font-size:14px; font-family:微软雅黑; color:#c72638; font-weight:100;">&nbsp;&nbsp;<a href="list9.html">制作人员</a></td></tr><tr><td height="45" align="left" valign="middle" style="border-bottom:1px dashed #fed6cd; font-size:14px; font-family:微软雅黑; color:#c72638; font-weight:100;">&nbsp;&nbsp;<a href="list10.html">动画音乐</a></td></tr><tr><td height="45" align="left" valign="middle" style="border-bottom:1px dashed #fed6cd; font-size:14px; font-family:微软雅黑; color:#c72638; font-weight:100;">&nbsp;&nbsp;<a href="list11.html">分集剧情</a></td></tr><tr><td height="45" align="left" valign="middle" style="border-bottom:1px dashed #fed6cd; font-size:14px; font-family:微软雅黑; color:#c72638; font-weight:100;">&nbsp;&nbsp;<a href="list12.html">社会影响</a></td></tr><tr><td height="45" align="left" valign="middle" style="border-bottom:1px dashed #fed6cd; font-size:14px; font-family:微软雅黑; color:#c72638; font-weight:100;">&nbsp;&nbsp;<a href="list13.html">创作背后</a></td></tr><tr><td height="45" align="left" valign="middle" style="border-bottom:1px dashed #fed6cd; font-size:14px; font-family:微软雅黑; color:#c72638; font-weight:100;">&nbsp;&nbsp;<a href="list14.html">作品评价</a></td></tr><tr><td height="45" align="left" valign="middle" style="border-bottom:1px dashed #fed6cd; font-size:14px; font-family:微软雅黑; color:#c72638; font-weight:100;">&nbsp;&nbsp;<a href="list15.html">精彩瞬间</a></td></tr><tr><td height="251" align="center" valign="middle" style="border-bottom:1px dashed #fed6cd; font-size:14px; font-family:微软雅黑; line-height:35px; color:#c72638; font-weight:100;"><img src="images/img4.jpg" /><br /> 高音质头戴式耳机</td></tr><tr><td height="239" align="center" valign="middle" style="border-bottom:1px dashed #fed6cd; font-size:14px; font-family:微软雅黑; line-height:35px; color:#c72638; font-weight:100;"><img src="images/img5.jpg" /><br /> 高音质头戴式耳机</td></tr><tr><td height="251" align="center" valign="middle" style="border-bottom:1px dashed #fed6cd; font-size:14px; font-family:微软雅黑; line-height:35px; color:#c72638; font-weight:100;"><img src="images/img6.jpg" /><br />高音质头戴式耳机</td></tr></table></td><td width="20">&nbsp;</td><td width="564" align="left" valign="top"><table width="564" border="0" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF"><tr><td height="40" bgcolor="#c72638" style="color:#fff;">&nbsp;&nbsp;小丸子百科</td></tr><tr><td style="font-size:12px; color:#c72638; "><div style="padding:11px; line-height:25px; text-indent:2em;">《樱桃小丸子》是全球知名度最高及最具影响力的动漫作品之一。其动画连续二十余年高居日本动画收视率前三位,到2013年时已超过1000集,仍于每周日黄金时段下午六点在日本富士电视台(日本富士电视台在日本的地位相当于中国的CCTV1)上进行连载热播,是日本男女老少心中的国民动画。本作品是以作者的童年生活为蓝本的故事,故事围绕着小丸子以及其家人和同学展开,有关于亲情、友谊,或是一些生活小事,其中有笑有泪,令人回想起童年的稚气。<br/><br /></div></td></tr><tr><td height="40" bgcolor="#c72638" style="color:#fff;">&nbsp;&nbsp;小丸子图库</td></tr><tr><td height="1290"><table width="564" border="0" cellspacing="0" cellpadding="0"><tr><td height="340" colspan="3"><img src="images/img7.jpg" /></td></tr><tr><td width="188" height="228" align="center" valign="middle" style="border-right:1px dashed #c72638; border-bottom:1px dashed #c72638; color:#c72638; line-height:30px;"><img src="images/img8.jpg" /><br />小丸子</td><td width="188" height="228" align="center" valign="middle" style="border-right:1px dashed #c72638; border-bottom:1px dashed #c72638; color:#c72638; line-height:30px;"><img src="images/img9.jpg" /><br />小丸子</td><td width="188" height="228" align="center" valign="middle" style="border-bottom:1px dashed #c72638; color:#c72638; line-height:30px;"><img src="images/img10.jpg" /><br />小丸子</td></tr><tr><td width="188" height="237" align="center" valign="middle" style="border-right:1px dashed #c72638; border-bottom:1px dashed #c72638; color:#c72638; line-height:30px;"><img src="images/img11.jpg" /><br />小丸子</td><td width="188" height="237" align="center" valign="middle" style="border-right:1px dashed #c72638; border-bottom:1px dashed #c72638; color:#c72638; line-height:30px;"><img src="images/img12.jpg" /><br /> 小丸子</td><td width="188" height="237" align="center" valign="middle" style="border-bottom:1px dashed #c72638; color:#c72638; line-height:30px;"><img src="images/img10.jpg" /><br /> 小丸子</td></tr><tr><td width="188" height="251" align="center" valign="middle" style="border-right:1px dashed #c72638; border-bottom:1px dashed #c72638; color:#c72638; line-height:30px;"><img src="images/img8.jpg" /><br />小丸子</td><td width="188" height="251" align="center" valign="middle" style="border-right:1px dashed #c72638; border-bottom:1px dashed #c72638; color:#c72638; line-height:30px;"><img src="images/img9.jpg" /><br />小丸子</td><td width="188" height="251" align="center" valign="middle" style="border-bottom:1px dashed #c72638; color:#c72638; line-height:30px;"><img src="images/img10.jpg" /><br />小丸子</td></tr><tr><td width="188" height="235" align="center" valign="middle" style="border-right:1px dashed #c72638; border-bottom:1px dashed #c72638; color:#c72638; line-height:30px;"><img src="images/img11.jpg" /><br />小丸子</td><td width="188" height="235" align="center" valign="middle" style="border-right:1px dashed #c72638; border-bottom:1px dashed #c72638; color:#c72638; line-height:30px;"><img src="images/img12.jpg" /><br />小丸子</td><td width="188" height="235" align="center" valign="middle" style="border-bottom:1px dashed #c72638; color:#c72638; line-height:30px;"><img src="images/img10.jpg" /><br />小丸子</td></tr></table></td></tr></table></td><td width="20" align="left" valign="top">&nbsp;</td><td width="200" align="left" valign="top"><table width="200" border="0" cellspacing="0" cellpadding="0" style="background:#fff;"><tr><td width="200" align="center" valign="middle"><img src="images/img4.png" /></td></tr><tr><td height="40" bgcolor="#c72638" style="color:#fff;">&nbsp;&nbsp;真人版小丸子百科</td></tr><tr><td height="45" align="left" valign="middle" style="border-bottom:1px dashed #fed6cd; font-size:14px; font-family:微软雅黑; color:#c72638; font-weight:100;">&nbsp;&nbsp;<a href="list16.html">概述</a></td></tr><tr><td height="45" align="left" valign="middle" style="border-bottom:1px dashed #fed6cd; font-size:14px; font-family:微软雅黑; color:#c72638; font-weight:100;">&nbsp;&nbsp;<a href="list17.html">拍摄情况</a></td></tr><tr><td height="45" align="left" valign="middle" style="border-bottom:1px dashed #fed6cd; font-size:14px; font-family:微软雅黑; color:#c72638; font-weight:100;">&nbsp;&nbsp;<a href="list18.html">演员</a></td></tr><tr><td height="45" align="left" valign="middle" style="border-bottom:1px dashed #fed6cd; font-size:14px; font-family:微软雅黑; color:#c72638; font-weight:100;">&nbsp;&nbsp;<a href="list19.html">各集内容</a></td></tr><tr><td height="45" align="left" valign="middle" style="border-bottom:1px dashed #fed6cd; font-size:14px; font-family:微软雅黑; color:#c72638; font-weight:100;">&nbsp;&nbsp;<a href="list20.html">精彩瞬间</a></td></tr><tr><td height="40" bgcolor="#c72638" style="color:#fff;">&nbsp;&nbsp;小丸子宝贝</td></tr><tr><td height="257" align="center" valign="middle" style="border-bottom:1px dashed #fed6cd; font-size:14px; font-family:微软雅黑; line-height:35px; color:#c72638; font-weight:100;">&nbsp;&nbsp;<img src="images/img4.jpg" /><br />高音质头戴式耳机</td></tr><tr><td height="257" align="center" valign="middle" style="border-bottom:1px dashed #fed6cd; font-size:14px; font-family:微软雅黑; line-height:35px; color:#c72638; font-weight:100;">&nbsp;&nbsp;<img src="images/img5.jpg" /><br />高音质头戴式耳机</td></tr><tr><td height="257" align="center" valign="middle" style="border-bottom:1px dashed #fed6cd; font-size:14px; font-family:微软雅黑; line-height:35px; color:#c72638; font-weight:100;">&nbsp;&nbsp;<img src="images/img6.jpg" /><br />高音质头戴式耳机</td></tr><tr><td height="251" align="center" valign="middle" style="border-bottom:1px dashed #fed6cd; font-size:14px; font-family:微软雅黑; line-height:35px; color:#c72638; font-weight:100;">&nbsp;&nbsp;<img src="images/img6.jpg" /><br />高音质头戴式耳机</td></tr></table></td></tr></table></div></div></body></html>

四、前端 零基础入门到高级(视频+源码+开发软件+学习资料+面试题) 一整套 (教程)

适合入门到高级的童鞋们入手~送1000套HTML+CSS+JavaScript模板网站
在这里插入图片描述



# 五、源码获取 ❉ ~ 关注我,点赞博文~ 每天带你涨知识!

❉1.看到这里了就 [点赞+好评+收藏] 三连 支持下吧,你的「点赞,好评,收藏」是我创作的动力。

❉ 2.关注我~ 每天带你学习 :各种前端插件、3D炫酷效果、图片展示、文字效果、以及整站模板 、大学生毕业模板 、期末大作业模板 、等! 「在这里有好多 前端 开发者,一起探讨 前端 Node 知识,互相学习」!

❉3.以上内容技术相关问题可以相互学习,可关注↓公Z号 获取更多源码 !

在这里插入图片描述

六、更多HTML期末大作业文章

1.HTML期末学生结课大作业~html+css+javascript仿叮当电影在线网站(功能齐全)

2.HTML期末学生作业~html+css+javascript仿猫眼电影在线网站(功能齐全)

3.HTML期末学生大作业(9套)html+css+javascript仿京东、天猫、服装、各大电商模板(大学毕业设计)

4.HTML期末大作业~海贼王中乔巴专题漫画学生网页设置作业源码(HTML+CSS+JavaScript)

5.HTML期末大作业~基于HTML+CSS+JavaScript的旅游网站设计与实现

6.HTML网页设计期末课程大作业~仿腾讯游戏官网设计与实现(HTML+CSS+JavaScript)

7.HTML期末大作业~仿小米商城网页设计模板(HTML+CSS+JavaScript)

8.HTML期末大作业~餐饮文化学生网页设计作业(HTML+CSS+JavaScript)

9.HTML学生网页设计作业~餐饮美食汉堡企业网站6页面带轮播(HTML+CSS+JavaScript)

10.大学web基础期末大作业~仿品优购页面制作(HTML+CSS+JavaScript)

11.HTML网页设计制作大作业-制作漫画网页设计6个页面(HTML+CSS+JavaScript)

12.web前端大一实训~制作卡布漫画网站设计与实现(HTML+CSS+JavaScript)

13.web网页设计期末课程大作业~超高仿英雄联盟LOL游戏官网设计与实现(HTML+CSS+JavaScript)

14.HTML期末大作业~酒店网站模板(HTML+CSS+JavaScript)

15.HTML学生网页设计作业源码~开心旅游网站设计与实现(HTML期末大作业)

16.HTML奥运网页5页面文化 ~ 体育学生网页设计作业

17.HTML我的家乡杭州网页设计作业源码(div+css)

七、更多表白源码

❤100款表白源码演示地址

这篇关于HTML网页设计期末课程大作业~动漫樱桃小丸子5页表格div+css学生网页设计作业源码的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/230422

相关文章

HTML5 getUserMedia API网页录音实现指南示例小结

《HTML5getUserMediaAPI网页录音实现指南示例小结》本教程将指导你如何利用这一API,结合WebAudioAPI,实现网页录音功能,从获取音频流到处理和保存录音,整个过程将逐步... 目录1. html5 getUserMedia API简介1.1 API概念与历史1.2 功能与优势1.3

全面解析HTML5中Checkbox标签

《全面解析HTML5中Checkbox标签》Checkbox是HTML5中非常重要的表单元素之一,通过合理使用其属性和样式自定义方法,可以为用户提供丰富多样的交互体验,这篇文章给大家介绍HTML5中C... 在html5中,Checkbox(复选框)是一种常用的表单元素,允许用户在一组选项中选择多个项目。本

HTML5 搜索框Search Box详解

《HTML5搜索框SearchBox详解》HTML5的搜索框是一个强大的工具,能够有效提升用户体验,通过结合自动补全功能和适当的样式,可以创建出既美观又实用的搜索界面,这篇文章给大家介绍HTML5... html5 搜索框(Search Box)详解搜索框是一个用于输入查询内容的控件,通常用于网站或应用程

Python实现精准提取 PDF中的文本,表格与图片

《Python实现精准提取PDF中的文本,表格与图片》在实际的系统开发中,处理PDF文件不仅限于读取整页文本,还有提取文档中的表格数据,图片或特定区域的内容,下面我们来看看如何使用Python实... 目录安装 python 库提取 PDF 文本内容:获取整页文本与指定区域内容获取页面上的所有文本内容获取

CSS3中的字体及相关属性详解

《CSS3中的字体及相关属性详解》:本文主要介绍了CSS3中的字体及相关属性,详细内容请阅读本文,希望能对你有所帮助... 字体网页字体的三个来源:用户机器上安装的字体,放心使用。保存在第三方网站上的字体,例如Typekit和Google,可以link标签链接到你的页面上。保存在你自己Web服务器上的字

html 滚动条滚动过快会留下边框线的解决方案

《html滚动条滚动过快会留下边框线的解决方案》:本文主要介绍了html滚动条滚动过快会留下边框线的解决方案,解决方法很简单,详细内容请阅读本文,希望能对你有所帮助... 滚动条滚动过快时,会留下边框线但其实大部分时候是这样的,没有多出边框线的滚动条滚动过快时留下边框线的问题通常与滚动条样式和滚动行

MyBatis设计SQL返回布尔值(Boolean)的常见方法

《MyBatis设计SQL返回布尔值(Boolean)的常见方法》这篇文章主要为大家详细介绍了MyBatis设计SQL返回布尔值(Boolean)的几种常见方法,文中的示例代码讲解详细,感兴趣的小伙伴... 目录方案一:使用COUNT查询存在性(推荐)方案二:条件表达式直接返回布尔方案三:存在性检查(EXI

使用vscode搭建pywebview集成vue项目实践

《使用vscode搭建pywebview集成vue项目实践》:本文主要介绍使用vscode搭建pywebview集成vue项目实践,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地... 目录环境准备项目源码下载项目说明调试与生成可执行文件核心代码说明总结本节我们使用pythonpywebv

使用C#删除Excel表格中的重复行数据的代码详解

《使用C#删除Excel表格中的重复行数据的代码详解》重复行是指在Excel表格中完全相同的多行数据,删除这些重复行至关重要,因为它们不仅会干扰数据分析,还可能导致错误的决策和结论,所以本文给大家介绍... 目录简介使用工具C# 删除Excel工作表中的重复行语法工作原理实现代码C# 删除指定Excel单元

使用Python实现网页表格转换为markdown

《使用Python实现网页表格转换为markdown》在日常工作中,我们经常需要从网页上复制表格数据,并将其转换成Markdown格式,本文将使用Python编写一个网页表格转Markdown工具,需... 在日常工作中,我们经常需要从网页上复制表格数据,并将其转换成Markdown格式,以便在文档、邮件或