HTML+CSS大作业——电影从你的全世界路过(4页) 网页设计作业 _ 动漫网页设计作业,网页设计作业 _ 动漫网页设计成品,网页设计作业 _ 动漫网页设计成品模板下载

本文主要是介绍HTML+CSS大作业——电影从你的全世界路过(4页) 网页设计作业 _ 动漫网页设计作业,网页设计作业 _ 动漫网页设计成品,网页设计作业 _ 动漫网页设计成品模板下载,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

HTML5期末大作业:动漫网站设计——电影从你的全世界路过(4页) 网页设计作业 / 动漫网页设计作业,网页设计作业

文章目录

  • HTML5期末大作业:动漫网站设计——电影从你的全世界路过(4页) 网页设计作业 / 动漫网页设计作业,网页设计作业
  • 一、作品展示
  • 二、文件目录
  • 三、代码实现
  • 四、完整源码

一、作品展示

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

二、文件目录

在这里插入图片描述

三、代码实现


<!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" style="overflow: auto; overflow-x:hidden;">
<head>
<title>福五鼠动漫网</title>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /><link rel="stylesheet" type="text/css" href="css/screen.css" /><script src="js/jquery.min.js"></script><script src="js/jquery.flexslider-min.js"></script><script type="text/javascript">$(window).load(function() {$('.flexslider').flexslider();});</script><link rel="stylesheet" href="css/lrtk.css" type="text/css" media="screen" />
</head>
<body>
<div class="wrapper"><div class="top"><div class="top_link"><a href="#">设为首页</a> | <a href="#" class="link2">加入收藏</a></div></div><!--end of top--><div class="nav"><ul><li><a href="index.html">网站首页</a></li><li><a href="gushi.html">故事背景</a></li><li><a href="juese.html">角色介绍</a></li><li><a href="huaxu.html">动漫图集</a></li><li><a href="zhizuo.html">登场武器</a></li><li><a href="pinjia.html">留言板</a></li></ul></div><!--end of nav--><div id="banner"><div class="flexslider"><ul class="slides"><li><a href="#" > <img src="image/ad1.jpg"  width="1010" /></a> </li><li><a href="#" > <img src="image/ad2.jpg"  width="1010" /></a> </li><li><a href="#" > <img src="image/ad3.jpg"  width="1010" /></a> </li><li><a href="#" > <img src="image/ad4.jpg"  width="1010" /></a> </li><li><a href="#" > <img src="image/ad5.jpg"  width="1010" /></a> </li><li><a href="#" > <img src="image/ad6.jpg"  width="1010" /></a> </li></ul></div></div><!--end of banner--><div class="content"><img src="image/ffs.jpg" width="367" height="220" /><div class="sidebar"><div class="pro_box"><div class="jj_cp2"><h3>福五鼠动漫网</h3></div><ul class="pro_list"><li><a href="gushi.html">故事背景</a></li><li><a href="juese.html">角色介绍</a></li><li><a href="huaxu.html">动漫图集</a></li><li><a href="pinjia.html">动漫评价</a></li></ul></div><!--end of pro_box--><div class="pro_box"><div class="jj_cp2"><h3>角色介绍</h3></div><ul class="pro_list"><li><a href="juese.html">福福鼠</a></li><li><a href="juese.html">毅毅鼠</a></li><li><a href="juese.html">儒儒鼠</a></li><li><a href="juese.html">翔翔鼠</a></li></ul></div><!--end of pro_box--> </div><!--end of sidebar--><div class="main_con main_con2"><div class="main_host"><div class="jj_cp2"><h3>登场武器</h3><p>当前位置:<a href="#">首 页</a> >> 登场武器</p></div><div class="com_txt"><table log-set-param="table_view" width="99%" data-sort="sortDisabled"><tbody><tr><td align="left" valign="middle" colspan="1" rowspan="2"><a target="_blank" href="https://baike.baidu.com/item/%E7%83%88%E7%84%B0%E5%88%80"><strong>双锤子</strong></a><div label-module="para">兵器:金银童子(又名金刚双锤)<a name="ref_[1]_2601682" id="ref_[1]_2601682"> </a></div></td></tr></tbody></table><p class="i_p">&nbsp;</p><div class="center "> <a  href="#"><img src="image/t1.jpg" width="660" /></a></div><p class="i_p">&nbsp;</p><div class="center "></div> <div class="center "></div><p class="i_p"><!--end of com_txt-->      </p></div></div><!--end of main_host--> </div><!--end of mian_con--> </div><!--end of content--> 
</div>
<!--end of wrapper-->
<div class="foot"><div class="copyright"><p>福五鼠动漫网20164601036 </p><p><a href="http://mail.qq.com/">联系我们</a><a href="http://www.baidu.com/" target="_blank"> 友情链接</a></p></div><!--end of copyright--> 
</div>
<!--end of foot-->
</body>
</html>

四、完整源码

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

这篇关于HTML+CSS大作业——电影从你的全世界路过(4页) 网页设计作业 _ 动漫网页设计作业,网页设计作业 _ 动漫网页设计成品,网页设计作业 _ 动漫网页设计成品模板下载的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



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

相关文章

一文教你Python如何快速精准抓取网页数据

《一文教你Python如何快速精准抓取网页数据》这篇文章主要为大家详细介绍了如何利用Python实现快速精准抓取网页数据,文中的示例代码简洁易懂,具有一定的借鉴价值,有需要的小伙伴可以了解下... 目录1. 准备工作2. 基础爬虫实现3. 高级功能扩展3.1 抓取文章详情3.2 保存数据到文件4. 完整示例

利用Python打造一个Excel记账模板

《利用Python打造一个Excel记账模板》这篇文章主要为大家详细介绍了如何使用Python打造一个超实用的Excel记账模板,可以帮助大家高效管理财务,迈向财富自由之路,感兴趣的小伙伴快跟随小编一... 目录设置预算百分比超支标红预警记账模板功能介绍基础记账预算管理可视化分析摸鱼时间理财法碎片时间利用财

如何在 Spring Boot 中实现 FreeMarker 模板

《如何在SpringBoot中实现FreeMarker模板》FreeMarker是一种功能强大、轻量级的模板引擎,用于在Java应用中生成动态文本输出(如HTML、XML、邮件内容等),本文... 目录什么是 FreeMarker 模板?在 Spring Boot 中实现 FreeMarker 模板1. 环

python获取网页表格的多种方法汇总

《python获取网页表格的多种方法汇总》我们在网页上看到很多的表格,如果要获取里面的数据或者转化成其他格式,就需要将表格获取下来并进行整理,在Python中,获取网页表格的方法有多种,下面就跟随小编... 目录1. 使用Pandas的read_html2. 使用BeautifulSoup和pandas3.

HTML5中的Microdata与历史记录管理详解

《HTML5中的Microdata与历史记录管理详解》Microdata作为HTML5新增的一个特性,它允许开发者在HTML文档中添加更多的语义信息,以便于搜索引擎和浏览器更好地理解页面内容,本文将探... 目录html5中的Mijscrodata与历史记录管理背景简介html5中的Microdata使用M

html5的响应式布局的方法示例详解

《html5的响应式布局的方法示例详解》:本文主要介绍了HTML5中使用媒体查询和Flexbox进行响应式布局的方法,简要介绍了CSSGrid布局的基础知识和如何实现自动换行的网格布局,详细内容请阅读本文,希望能对你有所帮助... 一 使用媒体查询响应式布局        使用的参数@media这是常用的

HTML5表格语法格式详解

《HTML5表格语法格式详解》在HTML语法中,表格主要通过table、tr和td3个标签构成,本文通过实例代码讲解HTML5表格语法格式,感兴趣的朋友一起看看吧... 目录一、表格1.表格语法格式2.表格属性 3.例子二、不规则表格1.跨行2.跨列3.例子一、表格在html语法中,表格主要通过< tab

Vue3组件中getCurrentInstance()获取App实例,但是返回null的解决方案

《Vue3组件中getCurrentInstance()获取App实例,但是返回null的解决方案》:本文主要介绍Vue3组件中getCurrentInstance()获取App实例,但是返回nu... 目录vue3组件中getCurrentInstajavascriptnce()获取App实例,但是返回n

IDEA自动生成注释模板的配置教程

《IDEA自动生成注释模板的配置教程》本文介绍了如何在IntelliJIDEA中配置类和方法的注释模板,包括自动生成项目名称、包名、日期和时间等内容,以及如何定制参数和返回值的注释格式,需要的朋友可以... 目录项目场景配置方法类注释模板定义类开头的注释步骤类注释效果方法注释模板定义方法开头的注释步骤方法注

JS+HTML实现在线图片水印添加工具

《JS+HTML实现在线图片水印添加工具》在社交媒体和内容创作日益频繁的今天,如何保护原创内容、展示品牌身份成了一个不得不面对的问题,本文将实现一个完全基于HTML+CSS构建的现代化图片水印在线工具... 目录概述功能亮点使用方法技术解析延伸思考运行效果项目源码下载总结概述在社交媒体和内容创作日益频繁的