HTML静态网页成品作业(HTML+CSS)——动漫熊出没介绍网页(3个页面)

🎉不定期分享源码,关注不丢失哦

文章目录

  • 一、作品介绍
  • 二、作品演示
  • 三、代码目录
  • 四、网站代码
    • HTML部分代码
  • 五、源码获取


一、作品介绍

🏷️本套采用HTML+CSS,未使用Javacsript代码,共有3个页面

二、作品演示

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

三、代码目录

在这里插入图片描述

四、网站代码

HTML部分代码


<div class="header"><img src="./images/header_img.jpeg" alt="" id="header_img"></div><div class="f"><div class="aside"><ul><li class="t"><a href="index.html">动漫首页</a></li><li><a href="juese.html">动漫角色</a></li><li><a href="denglu.html">动漫注册</a></li></ul><img src="./images/nav_bottom.png" id="nav_bottom" alt=""></div><div class="z"><div class="zheader">基本信息</div><table border="1"><tr><th>中文名</th><td>熊出没</td><th>播放期间</th><td>2012.1.22开始</td></tr><tr><th>原版名称</th><td>Boonie Bears</td><th>别 名</th><td>动画、冒险</td></tr><tr><th>出品人</th><td>李明、刘道强</td><th>出品公司</th><td>华强方特(深圳)动漫有限公司</td></tr><tr><th>地 区</th><td>中国大陆</td><th>发行日期</th><td>2012122</td></tr><tr><th>提 供</th><td>方特卡通</td><th>集 数</th><td>962</td></tr><tr><th>首部电影</th><td>《熊出没之夺宝熊兵》</td><th>最新电影</th><td>《熊出没·伴我“熊芯”》</td></tr></table><div class="zheader">动漫图集</div><div class="news"><div class="news1"><img src="./images/news1.jpeg" alt=""></div><div class="news1"><img src="./images/news2.jpeg" alt=""></div><div class="news1">e<img src="./images/news3.jpeg" alt=""></div></div></div><div style="clear: both;"></div></div><div class="footer">熊出没</div>

五、源码获取

🥇 ~ 关注我,点赞博文~ 每天带你涨知识!
🎁1.看到这里了就[点赞+好评+收藏]三连 支持下吧,你的「点赞,好评,收藏」是我创作的动力。
💙2.想要获取本文源码,点击前往吧

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/web/18417.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

如何避免常见错误并成功获得心仪的offer

在职场中&#xff0c;面试往往是决定职业发展的重要环节。然而&#xff0c;仅仅凭借自我感觉往往难以准确预测面试结果。许多求职者可能会因为与面试官交流得投机而感觉胜券在握&#xff0c;但实际上&#xff0c;面试结果往往受到多种因素的影响。 首先&#xff0c;面试不仅仅是…

小学文言文基础学习视频下载

学习文言文有许多好处&#xff0c;不仅在语言和文化层面上对个人素养有所提升&#xff0c;还能在思维方式和综合能力上带来积极影响。以下是学习文言文的一些主要好处&#xff1a; 1. 提升语言能力 增强语言理解能力 学习文言文需要对古汉语的词汇、语法和句式有深入理解&am…

重构2:重构的原则

最近在看重构2&#xff1a;改善既有代码的设计这本书&#xff0c;对于代码重构指导非常有帮助&#xff0c;然后也是做个笔记记录下&#xff0c;以下是我阅读本书的前两章的时候整理的思维导图&#xff1a;

关于AI数字人的几个创作平台及其使用(一)

文章目录 一、AI数字人创作基本步骤二、创作平台一1、基本信息2、使用方法1、进入创作页面2、开始创作2.1、脚本创作2.1.1、使用文本软件创作2.1.2、AI创作脚本2.2、选择模板2.2.1、模板2.2.2、字幕与配音2.3、细节调整2.3.1、PPT模式2.3.2、数字人2.3.3、背景2.3.4、贴纸2.3.5…

[240529] llm.c 从头训练 GPT-2 | 六国公众对采用生成式 AI 的看法

目录 llm.c: 20美元 90分钟,从头训练 GPT-2公众对新闻中生成式人工智能的看法 - 六国调查报告公众对生成式人工智能的意识和使用公众对生成式人工智能在不同领域应用的预期公众对新闻业中生成式人工智能使用的看法结论未来趋势 llm.c: 20美元 90分钟,从头训练 GPT-2 用 llm.c …

linux大文件切割

在一些小众的场景下出现的大文件无法一次性传输 当然我遇到了 &#xff0c;work中6G镜像文件无法一次性刻盘到4.7G大小的盘 split split -b 3G 源大文件 目标文件 #安静等待会生成目标文件名a、b、c......-b <大小>&#xff1a;指定每个输出文件的大小&#xff0c;单位为…

Python-3.12.0文档解读-内置函数ord()详细说明+记忆策略+常用场景+巧妙用法+综合技巧

一个认为一切根源都是“自己不够强”的INTJ 个人主页&#xff1a;用哲学编程-CSDN博客专栏&#xff1a;每日一题——举一反三Python编程学习Python内置函数 Python-3.12.0文档解读 目录 详细说明 概述 语法 参数 返回值 示例 注意事项 应用场景 记忆策略 常用场景…

【测试SQLite】测试SQLite支持的SQL语句分类

测试SQLite支持的SQL语句分类 为了全面测试SQLite支持的SQL语句&#xff0c;需要设计一个包含多种类型的表结构&#xff0c;并编写各种SQL语句来测试这些功能。目前按照以下分类进行测试&#xff1a; 数据定义语言&#xff08;DDL&#xff09;数据操作语言&#xff08;DML&am…

【跑跑卡丁车game】

编写一款跑跑卡丁车游戏程序是一个涉及多个步骤的复杂过程。以下是一个简化的指南&#xff0c;概述了创建这类游戏可能涉及的步骤和技术&#xff1a; 需求分析&#xff1a; 确定游戏的目标受众。列出游戏的基本功能&#xff0c;如单人模式、多人在线对战、排行榜等。 游戏设计…

haproxy+keepalived搭建jeesns论坛

集群实现 软件层分为负载均衡层 Web 层、 数据库和共享存储层。 数据库&#xff1a; ​ keepalivedhaproxypxc&#xff08;MariaDB Galera Cluster&#xff09; 共享存储&#xff1a; ​ ceph分布式集群&#xff0c;cephfs web层&#xff1a; ​ tomcat 负载均衡&#x…

离线deb安装下载及安装实例

1、使用apt download下载deb安装包(不包括依赖包) 1.1仅下载deb安装包 sudo apt download lrzsz 1.2安装载deb安装包 sudo dpkg -i lrzsz_0.12.21-10kylin0k2_arm64.deb 注&#xff1a;dpkg安装deb包&#xff0c;部分存在depends关系&#xff0c;需要使用apt-get -f instal…

Linux 删除SSH密钥(id_ed25519),重新生成

在Linux系统中&#xff0c;重新生成SSH密钥&#xff08;比如id_ed25519&#xff09;的过程包括删除现有的密钥文件并生成一个新的。 以下是具体的步骤&#xff1a; 0. 查看下是否有密钥 1. 删除原有的id_ed25519密钥 默认情况下&#xff0c;SSH密钥存储在用户的主目录下的 .…

mac 下配置mysql的全局环境变量

前言 如果你还没有安装mysql&#xff0c;请参考这篇文章手把手教你MAC本地数据库的安装与使用&#xff1a;mysql python (pymysql)【一】 - 知乎 正文 1.打开终端&#xff0c;输入命令”echo $SHELL“,显示当前的shell ⚠️本人使用的终端shell是zsh&#xff0c;如果你使用…

想让企业“火力全开”?找六西格玛培训公司就对了!

在如今的市场环境中&#xff0c;企业面临着不断变化的挑战和无限的可能。要在这场竞争中独领风骚&#xff0c;实现稳健的增长&#xff0c;六西格玛作为一种以数据驱动的管理理论&#xff0c;提供了实际可行的解决方案。六西格玛培训公司&#xff0c;作为这一领域的专家&#xf…

linux 之dma_buf (8)- ION简化版本

一、前言 我们学习了如何使用 alloc_page() 方式来分配内存&#xff0c;但是该驱动只能分配1个PAGE_SIZE。本篇我们将在上一篇的基础上&#xff0c;实现一个简化版的ION驱动&#xff0c;以此来实现任意 size 大小的内存分配。 二、准备 为了和 kernel 标准 ion 驱动兼容&…

身为UI设计老鸟,不学点3D,好像要被潮流抛弃啦,卷起来吧。

当前3D原则在UI设计中运用的越来越多&#xff0c;在UI设计中&#xff0c;使用3D元素可以为界面带来以下几个价值&#xff1a; 增强视觉冲击力&#xff1a;3D元素可以通过立体感和逼真的效果&#xff0c;为界面增添视觉冲击力&#xff0c;使得设计更加生动、吸引人&#xff0c;并…

AI PC 的曙光:微软大胆出击与苹果竞争

AI PC 的曙光&#xff1a;微软大胆出击与苹果竞争 AI PC 的曙光&#xff1a;微软大胆出击与苹果竞争 概述 微软已正式进入 AI PC 时代&#xff0c;并且毫不避讳地直接向苹果的 MacBook 发起攻击。随着代号为“Copilot”的笔记本电脑的推出&#xff0c;微软准备彻底改变我们与…

面试数据库八股文十问十答第九期

面试数据库八股文十问十答第九期 作者&#xff1a;程序员小白条&#xff0c;个人博客 相信看了本文后&#xff0c;对你的面试是有一定帮助的&#xff01;关注专栏后就能收到持续更新&#xff01; ⭐点赞⭐收藏⭐不迷路&#xff01;⭐ 1&#xff09;MySQL 读写分离 MySQL 读写…

AI大模型如何“开窍”?算法、数据与架构的三重奏

一、算法创新 1. 探索新的学习范式 自监督学习&#xff1a;利用未标注数据让模型自我学习&#xff0c;提高模型的泛化能力。元学习&#xff1a;让模型学会如何学习&#xff0c;以便在不同任务之间快速迁移。强化学习&#xff1a;通过试错与奖励机制&#xff0c;使模型在与环境…

012、哈希_应用场景

图为关系型数据表记录的两条用户信息,用户的属性作为表的列,每条用户信息作为行。 如果将其用哈希类型存储,如图所示。 相比于使用字符串序列化缓存用户信息,哈希类型变得更加直观,并且在更新操作上会更加便捷。可以将每个用户的id定义为键后缀,多对field-value对应每…