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

相关文章

Mysql中设计数据表的过程解析

《Mysql中设计数据表的过程解析》数据库约束通过NOTNULL、UNIQUE、DEFAULT、主键和外键等规则保障数据完整性,自动校验数据,减少人工错误,提升数据一致性和业务逻辑严谨性,本文介绍My... 目录1.引言2.NOT NULL——制定某列不可以存储NULL值2.UNIQUE——保证某一列的每一

从入门到精通详解LangChain加载HTML内容的全攻略

《从入门到精通详解LangChain加载HTML内容的全攻略》这篇文章主要为大家详细介绍了如何用LangChain优雅地处理HTML内容,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录引言:当大语言模型遇见html一、HTML加载器为什么需要专门的HTML加载器核心加载器对比表二

SpringBoot集成EasyPoi实现Excel模板导出成PDF文件

《SpringBoot集成EasyPoi实现Excel模板导出成PDF文件》在日常工作中,我们经常需要将数据导出成Excel表格或PDF文件,本文将介绍如何在SpringBoot项目中集成EasyPo... 目录前言摘要简介源代码解析应用场景案例优缺点分析类代码方法介绍测试用例小结前言在日常工作中,我们经

SQL server数据库如何下载和安装

《SQLserver数据库如何下载和安装》本文指导如何下载安装SQLServer2022评估版及SSMS工具,涵盖安装配置、连接字符串设置、C#连接数据库方法和安全注意事项,如混合验证、参数化查... 目录第一步:打开官网下载对应文件第二步:程序安装配置第三部:安装工具SQL Server Manageme

使用Python实现可恢复式多线程下载器

《使用Python实现可恢复式多线程下载器》在数字时代,大文件下载已成为日常操作,本文将手把手教你用Python打造专业级下载器,实现断点续传,多线程加速,速度限制等功能,感兴趣的小伙伴可以了解下... 目录一、智能续传:从崩溃边缘抢救进度二、多线程加速:榨干网络带宽三、速度控制:做网络的好邻居四、终端交互

前端如何通过nginx访问本地端口

《前端如何通过nginx访问本地端口》:本文主要介绍前端如何通过nginx访问本地端口的问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录一、nginx安装1、下载(1)下载地址(2)系统选择(3)版本选择2、安装部署(1)解压(2)配置文件修改(3)启动(4)

HTML中meta标签的常见使用案例(示例详解)

《HTML中meta标签的常见使用案例(示例详解)》HTMLmeta标签用于提供文档元数据,涵盖字符编码、SEO优化、社交媒体集成、移动设备适配、浏览器控制及安全隐私设置,优化页面显示与搜索引擎索引... 目录html中meta标签的常见使用案例一、基础功能二、搜索引擎优化(seo)三、社交媒体集成四、移动

HTML input 标签示例详解

《HTMLinput标签示例详解》input标签主要用于接收用户的输入,随type属性值的不同,变换其具体功能,本文通过实例图文并茂的形式给大家介绍HTMLinput标签,感兴趣的朋友一... 目录通用属性输入框单行文本输入框 text密码输入框 password数字输入框 number电子邮件输入编程框

HTML img标签和超链接标签详细介绍

《HTMLimg标签和超链接标签详细介绍》:本文主要介绍了HTML中img标签的使用,包括src属性(指定图片路径)、相对/绝对路径区别、alt替代文本、title提示、宽高控制及边框设置等,详细内容请阅读本文,希望能对你有所帮助... 目录img 标签src 属性alt 属性title 属性width/h

CSS3打造的现代交互式登录界面详细实现过程

《CSS3打造的现代交互式登录界面详细实现过程》本文介绍CSS3和jQuery在登录界面设计中的应用,涵盖动画、选择器、自定义字体及盒模型技术,提升界面美观与交互性,同时优化性能和可访问性,感兴趣的朋... 目录1. css3用户登录界面设计概述1.1 用户界面设计的重要性1.2 CSS3的新特性与优势1.