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

相关文章

CSS Padding 和 Margin 区别全解析

《CSSPadding和Margin区别全解析》CSS中的padding和margin是两个非常基础且重要的属性,它们用于控制元素周围的空白区域,本文将详细介绍padding和... 目录css Padding 和 Margin 全解析1. Padding: 内边距2. Margin: 外边距3. Padd

CSS will-change 属性示例详解

《CSSwill-change属性示例详解》will-change是一个CSS属性,用于告诉浏览器某个元素在未来可能会发生哪些变化,本文给大家介绍CSSwill-change属性详解,感... will-change 是一个 css 属性,用于告诉浏览器某个元素在未来可能会发生哪些变化。这可以帮助浏览器优化

CSS去除a标签的下划线的几种方法

《CSS去除a标签的下划线的几种方法》本文给大家分享在CSS中,去除a标签(超链接)的下划线的几种方法,本文给大家介绍的非常详细,感兴趣的朋友一起看看吧... 在 css 中,去除a标签(超链接)的下划线主要有以下几种方法:使用text-decoration属性通用选择器设置:使用a标签选择器,将tex

前端高级CSS用法示例详解

《前端高级CSS用法示例详解》在前端开发中,CSS(层叠样式表)不仅是用来控制网页的外观和布局,更是实现复杂交互和动态效果的关键技术之一,随着前端技术的不断发展,CSS的用法也日益丰富和高级,本文将深... 前端高级css用法在前端开发中,CSS(层叠样式表)不仅是用来控制网页的外观和布局,更是实现复杂交

Python将博客内容html导出为Markdown格式

《Python将博客内容html导出为Markdown格式》Python将博客内容html导出为Markdown格式,通过博客url地址抓取文章,分析并提取出文章标题和内容,将内容构建成html,再转... 目录一、为什么要搞?二、准备如何搞?三、说搞咱就搞!抓取文章提取内容构建html转存markdown

在React中引入Tailwind CSS的完整指南

《在React中引入TailwindCSS的完整指南》在现代前端开发中,使用UI库可以显著提高开发效率,TailwindCSS是一个功能类优先的CSS框架,本文将详细介绍如何在Reac... 目录前言一、Tailwind css 简介二、创建 React 项目使用 Create React App 创建项目

vue使用docxtemplater导出word

《vue使用docxtemplater导出word》docxtemplater是一种邮件合并工具,以编程方式使用并处理条件、循环,并且可以扩展以插入任何内容,下面我们来看看如何使用docxtempl... 目录docxtemplatervue使用docxtemplater导出word安装常用语法 封装导出方

Python实现无痛修改第三方库源码的方法详解

《Python实现无痛修改第三方库源码的方法详解》很多时候,我们下载的第三方库是不会有需求不满足的情况,但也有极少的情况,第三方库没有兼顾到需求,本文将介绍几个修改源码的操作,大家可以根据需求进行选择... 目录需求不符合模拟示例 1. 修改源文件2. 继承修改3. 猴子补丁4. 追踪局部变量需求不符合很

使用Python实现获取网页指定内容

《使用Python实现获取网页指定内容》在当今互联网时代,网页数据抓取是一项非常重要的技能,本文将带你从零开始学习如何使用Python获取网页中的指定内容,希望对大家有所帮助... 目录引言1. 网页抓取的基本概念2. python中的网页抓取库3. 安装必要的库4. 发送HTTP请求并获取网页内容5. 解

利用Python开发Markdown表格结构转换为Excel工具

《利用Python开发Markdown表格结构转换为Excel工具》在数据管理和文档编写过程中,我们经常使用Markdown来记录表格数据,但它没有Excel使用方便,所以本文将使用Python编写一... 目录1.完整代码2. 项目概述3. 代码解析3.1 依赖库3.2 GUI 设计3.3 解析 Mark