HTML静态网页成品作业(HTML+CSS)——动漫大耳朵图图网页(4个页面)

ops/2024/9/23 12:20:14/

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

文章目录

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


一、作品介绍

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

二、作品演示

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

三、代码目录

在这里插入图片描述

四、网站代码

HTML部分代码


<!DOCTYPE html>
<html lang="zh">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>大耳朵图图</title><link rel="stylesheet" href="./css/css.css">
</head>
<body><div id="con"><div id="header"><ul><li style="background-color: #17b1a8;"><a href="index.html">动漫首页</a></li><li><a href="jianjie.html">动漫简介</a></li><li><a href="juji.html">动漫剧集</a></li><li><a href="zuopin.html">动漫作品</a></li></ul></div><div id="banner" class="mt20"><img src="./img/banner.jpg" alt=""></div><div id="main" class="mt20 main"><h3>动漫</h3><p>《大耳朵图图》是由速达执导,叮当编剧,上海美术电影制片厂制作的电视动画片。该剧主要讲述了胡图图和小伙伴的成长故事。作品于200461日在中央电视台少儿频道首播,共计130集,每集12分钟左右。</p><table class="mt20"><tr><td><img src="./img/1.png" alt=""><div>胡图图(图图)</div></td><td><img src="./img/2.jpeg" alt=""><div>图图妈(张小丽)</div></td><td><img src="./img/3.png" alt=""><div>图图爸(胡英俊)</div></td><td><img src="./img/4.png" alt=""><div>小怪</div></td></tr><tr><td><img src="./img/5.png" alt=""><div>图图爷爷</div></td><td><img src="./img/6.png" alt=""><div>小美(于小美)</div></td><td><img src="./img/7.png" alt=""><div>刷子(张帅子)</div></td><td><img src="./img/8.png" alt=""><div>壮壮(丁大壮)</div></td></tr></table></div><div id="footer">欢迎来到大耳朵图图乐园</div></div></body>
</html>

五、源码获取

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


http://www.ppmy.cn/ops/43879.html

相关文章

【linux】进程(一)

1. 冯诺依曼体系结构 计算机基本都遵循着冯诺依曼体系 我们使用的计算器是由一个个硬件构成的&#xff1a; 中央控制器&#xff08;CPU&#xff09; &#xff1a; 运算器 控制器 等输入设备 : 键盘&#xff0c;鼠标&#xff0c;网卡 等输出设备 : 显示器&#xff0c;网卡 等…

数据网络理论基础 第三章网络的时延模型

文章目录 排队论的基本概念*Little定理***Little定理的应用**** M/M/1排队系统***例题**** M/M/m系统***M/M/m系统的几种推广形式**M/M/ ∞ \infin ∞系统, 不拒绝系统M/M/m/m系统应用 系统容量有限的M/M/m/k例题 M/G/1排队系统(非Markov模型)***PK公式剩余服务时间 FDM, TDM和…

【MySQL】索引

思维导图 学习目标 MySQL的服务器本质是在内存中的&#xff0c;所有数据库的CRUD操作&#xff0c;全部是在内存中——索引也是这样。 提高算法效率的因素&#xff1a;1.组织数据的方式&#xff1b;2.算法本身。所以&#xff0c;索引是通过组织数据的方式来进行减少海量数据的检…

ubuntu/部分docker容器无法访问https站点

ubuntu/部分docker容器无法访问https站点 解决方案 解决方案 默认的系统内可能没有安装根证书&#xff0c;需要安装一下 apt install ca-certificates如果官方源比较慢&#xff0c;可以换为国内源&#xff0c;但是不要使用https

Python进程管理工具库honcho之使用详解

概要 在开发和部署复杂应用程序时,通常需要同时运行多个进程,例如Web服务器、数据库、队列服务等。管理这些进程的启动和停止是一项复杂的任务。Honcho库是一个基于Python的进程管理工具,旨在简化多进程应用程序的管理。Honcho灵感来自于Foreman,主要用于本地开发环境,但…

LINQ(五) ——使用LINQ进行匿名对象初始化

总目录 C# 语法总目录 上一篇&#xff1a;LINQ(四) ——使用LINQ进行对象类型初始化 LINQ 五 ——使用LINQ进行匿名对象初始化 6.2 匿名类型 6.2 匿名类型 可以不用声明定义一个对象&#xff0c;直接使用new&#xff0c;然后直接赋值即可 string[] names { "Tom",…

汇编原理(二)

寄存器&#xff1a;所有寄存器都是16位&#xff08;0-15&#xff09;&#xff0c;可以存放两个字节 AX,BX,CX,DX存放一般性数据&#xff0c;称为通用寄存器 AX的逻辑结构。最大存放的数据为2的16次方减1。可分为AH和AL&#xff0c;兼容8位寄存器。 字&#xff1a;1word 2Byte…

SpringBoot如何实现跨域?

定义一个配置类&#xff0c;实现WebMvcConfigurer接口&#xff0c;重写addCorsMappings方法 Configuration public class CorsConfig implements WebMvcConfigurer {Overridepublic void addCorsMappings(CorsRegistry registry) {registry.addMapping("/**").allow…