当前位置：首页 > news >正文

HTML静态网页成品作业(HTML+CSS)——动漫猪猪侠网页(4个页面)

news 2026/3/29 6:58:02

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

文章目录

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

一、作品介绍

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

二、作品演示

在这里插入图片描述

三、代码目录

在这里插入图片描述

四、网站代码

HTML部分代码

<!DOCTYPE html>
<html lang="zh"><head><meta charset="UTF-8"><title>首页</title><link rel="stylesheet" href="./css/style.css"></head><body><div class="wrapper"><div class="header"><div class="w"><div class="logo"><a href="index.html"><img src="./images/logo.png" class="logo_img"></a></div><ul class="nav"><li class="active"><a href="index.html">首页</a></li><li><a href="xingxiang.html">角色形象</a></li><li><a href="dianying.html">大电影</a></li><li><a href="wenjuan.html">问卷表单</a></li></ul></div></div><div class="banner"><div class="w"><img src="./images/banner.jpg"></div></div><div class="main"><div class="w"><h1 class="main_title">动漫简介</h1><p>猪猪侠是国产动画《猪猪侠》系列中的主角，一个出生于边境村镇、生活安逸的少年，个性调皮、乐观，富有好奇心。
喜爱零食，能仅靠糖果饼干度日，因为吃零食能启发猪猪侠的思维，所以每当他遇到阻碍时，他都会掏出一件零食，以帮自己渡过难关。</p><div class="main_title">动漫图片</div><div class="main_tu"><div class="tu"><img src="./images/tu1.jpeg"></div><div class="tu"><img src="./images/tu2.jpeg"></div><div class="tu"><img src="./images/tu3.jpeg"></div></div><h1 class="main_title">动漫视频</h1><div class="video"><video src="./video/1.mp4" controls width="100%" poster="./images/video_fm.png"></video></div></div></div><div class="footer">猪猪侠 版权所有</div></div></body>
</html>

五、源码获取

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

HTML静态网页成品作业(HTML+CSS)——动漫猪猪侠网页(4个页面)

🎉不定期分享源码，关注不丢失哦文章目录一、作品介绍二、作品演示三、代码目录四、网站代码HTML部分代码五、源码获取一、作品介绍 🏷️本套采用HTMLCSS，未使用Javacsript代码，共有4个页面。二、作品演示三、代…...

编程日记 2024/6/27 2:05:35

【机器学习300问】125、什么是双向循环神经网络（BRNN）？什么是深度循环神经网络（DRNN）？

一、双向循环神经网络 （1）诞生背景双向循环神经网络（Bidirectional Recurrenct Neural Network, BRNN）是在深度学习领域发展起来的一种特殊类型的循环神经网络（RNN），它诞生的背景是为了解决传…...

编程日记 2024/6/27 2:02:32

办公软件汇总

1、OCR 1.1 pearOCR pearOCR 是一个免费的免费在线文字提取OCR工具网站。PearOCR界面简洁，所有过程均在网页端完成,无需下载任何软件，点开即用。官方地址：https://pearocr.com/ 参考：9款文字识别（OCR）工具…...

编程日记 2024/6/27 2:01:30

Docker 搭建 MinIO 对象存储

Docker 搭建 MinIO 对象存储一、MinIO MinIO 是一个高性能的对象存储服务器，用于构建云存储解决方案。MinIO 允许你存储非结构化数据（如图片、视频、日志文件等）以对象的形式。MinIO 提供简单的部署选项和易于使用的界面，允许你…...

编程日记 2024/6/27 2:00:29

主干网络篇 | YOLOv5/v7 更换骨干网络之 PP-LCNet | 轻量级CPU卷积神经网络

主干网络篇 | YOLOv5/v7 更换骨干网络之 PP-LCNet | 轻量级CPU卷积神经网络：中文详解 1. 简介 YOLOv5 和 YOLOv7 是目前主流的目标检测算法之一，具有速度快、精度高的特点。但 YOLOv5 和 YOLOv7 的原始模型结构中使用的是 MobileNetV3 作为骨干网络&am…...

编程日记 2024/6/27 1:58:26

CubeFS - 新一代云原生存储系统

CubeFS 是一种新一代云原生存储系统，支持 S3、HDFS 和 POSIX 等访问协议，支持多副本与纠删码两种存储引擎，为用户提供多租户、多 AZ 部署以及跨区域复制等多种特性。官方文档 CubeFS 作为一个云原生的分布式存储平台，提供了多种访问协议，因此其应用场景也非常广泛，下面…...

编程日记 2024/6/27 1:57:25

推动多模态智能模型发展：大型视觉语言模型综合多模态评测基准

随着人工智能技术的飞速发展，大型视觉语言模型（LVLMs）在多模态应用领域取得了显著进展。然而，现有的多模态评估基准测试在跟踪LVLMs发展方面存在不足。为了填补这一空白，本文介绍了MMT-Bench，这是一个全面的…...

编程日记 2024/6/27 1:56:24

深度学习31-33

1.负采样方案 （1）为0是负样本，负样本是认为构造出来的。正样本是有上下文关系负采样的target是1，说明output word 在input word之后。 2.简介与安装 （1）caffe:比较经常用于图像识别，有卷积网…...

编程日记 2024/6/27 1:53:20

Docker多种场景下设置代理

20240623 - 公司内网环境下需要对Docker进行代理设置；此时需要对拉取镜像的时候的命令设置代理；例如平时经常使用的wget设置代理一样。但对docker进行设置，并不能简单的直接export。文章[1]指出，拉取镜像的时候实际执行的是doc…...

编程日记 2024/6/27 1:51:17

node 实现导出, 在导出excel中包含图片（附件）

如果想查看 node mySql 实现数据的导入导出，以及导入批量插入的sql语句，连接如下 node mySql 实现数据的导入导出，以及导入批量插入的sql语句-CSDN博客https://blog.csdn.net/snows_l/article/details/139998373 一、效果如图： 二…...

编程日记 2024/6/27 1:50:16

【ai】trition：tritonclient yolov4：ubuntu18.04部署python client成功

X:\05_trition_yolov4_clients\01-python server代码在115上，client本想在windows上，【ai】trition：tritonclient.utils.shared_memory 仅支持linux 看起来要分离。【ai】tx2 nx：ubuntu18.04 yolov4-triton-tensorrt 成功部署server 运行 client代码远程部署在ubuntu18.0…...

编程日记 2024/6/27 1:49:14

oracle 主从库中，从库APPLIED为YES ，但是主库任然为NO

主库从库从库已经APPLIED但是主库为APPLIED， 主数据库和备用数据库之间的ARCH-RFS心跳Ping负责更新主数据库上v$archived_log的APPLICED列。在主数据库上有一个指定的心跳ARCn进程来执行此Ping。如果此进程开始挂起，它将不再与远程RFS进程通信&#…...

编程日记 2024/6/27 1:47:11

VS 在多线程中仅调试某个线程

调试多线程程序时，只想观察某个线程的运行情况； 但是，由于线程切换执行，会导致调试时焦点在几个代码块之间跳来跳去，故需要解决这个问题。参考文章： C#使用线程窗口调试多线程程序。 1 打开线程窗口&…...

编程日记 2024/6/27 1:46:10

全球无界，语言无阻——魔众帮助中心(多语言)系统全新升级！

🎉亲爱的用户们，你们好！今天，我要向大家隆重介绍一个颠覆传统，助力全球用户的利器——魔众帮助中心(多语言)系统的全新升级版本！🌟 🌐在这个日益全球化的时代，魔众帮助中…...

编程日记 2024/6/27 1:45:09

SpringCloud集成OpenFeign

一、简介 OpenFeign客户端是一个web声明式http远程调用工具，直接可以根据服务名称去注册中心拿到指定的服务IP集合，提供了接口和注解方式进行调用，内嵌集成了Ribbon本地负载均衡器。二、SpringCloud集成OpenFeign 版本说明： S…...

编程日记 2024/6/27 1:44:07

Vue - 第3天

文章目录一、Vue生命周期二、Vue生命周期钩子三、工程化开发和脚手架1. 开发Vue的两种方式2. 脚手架Vue CLI基本介绍：好处：使用步骤： 四、项目目录介绍和运行流程1. 项目目录介绍2. 运行流程五、组件化开发六、根组件 App.vue1. 根组件介绍…...

编程日记 2024/6/27 1:43:06

21.智能指针（上）

目录一、概念二、Box\<T\>2.1 概念与应用场景2.2 简单应用2.3 递归类型的创建三、通过Deref trait将智能指针当作常规引用处理3.1 常规引用3.2 像引用一样使用Box\<T\>3.3 自定义智能指针3.4 函数和方法的隐式解引用强制转换3.5 解引用强制转换与可变性交互四、…...

编程日记 2024/6/27 1:42:05

Jenkins+gitee流水线部署springboot项目

目录前言一、软件版本/仓库二、准备工作 2.1 安装jdk 11 2.2 安装maven3.9.7 2.3 安装docker 2.4 docker部署jenkins容器三、jenkins入门使用 3.1 新手入门 3.2 jenkins设置环境变量JDK、MAVEN、全局变量 3.2.1 jenkins页面 3.2.2 jenkins容器内部终端 3.2.3 全…...

编程日记 2024/6/27 1:41:03

python--os.walk()函数使用（超详细）

在Python 3.7中，os.walk()函数的用法与早期版本（包括Python 3.4及之后）保持一致。os.walk()是一个用于遍历目录树的生成器函数，它生成给定目录中的文件名。这个函数没有直接的参数（除了你要遍历的目录路径，…...

编程日记 2024/6/27 1:39:01

基础名词概念

了解以下基础名词概念/定义： IP地址、子网掩码、网关、DNS、DHCP、MAC地址、网络拓扑、路由器、交换机、VPN、端口、TCP、UDP、HTTP、HTTPS、OSI模型、ARP、NAT、VLAN、FTP、SMTP、IMAP、SSL、ICMP、链路聚合、TRUNK、直连路由、静态路由、动态路由、IPV6 端口&am…...

编程日记 2024/6/27 1:38:00

美团天天神券自动化脚本终极指南：告别手动抢券，每月轻松省下200元

美团天天神券自动化脚本终极指南：告别手动抢券，每月轻松省下200元【免费下载链接】meituan-shenquan 美团天天神券地区活动自动化脚本项目地址: https://gitcode.com/gh_mirrors/me/meituan-shenquan 你是否经常在11点、17点、21点这三个关键…...

编程新知 2026/3/29 6:32:26

Electron应用打包体积优化实战：从30MB瘦身到15MB，我的electron-builder.yml配置清单

Electron应用打包体积优化实战：从30MB瘦身到15MB 最近在优化一个Electron应用的打包体积时，发现初始生成的安装包竟然达到了30MB。经过一系列配置调整和优化，最终成功将体积缩减到15MB。这个过程让我深刻体会到，electron-builder…...

编程新知 2026/3/29 5:48:06

百川2-13B-4bits量化模型精度实测：在OpenClaw复杂任务中的表现

百川2-13B-4bits量化模型精度实测：在OpenClaw复杂任务中的表现 1. 测试背景与实验设计去年冬天第一次接触量化模型时，我曾天真地认为"4bits精度损失可以忽略不计"。直到用OpenClaw执行跨平台内容发布任务时，一个错误的文件路径让…...

编程新知 2026/3/29 5:32:00

RTX4090D大模型推理专用镜像体验：Qwen-Image预装环境，一键启动图文对话

RTX4090D大模型推理专用镜像体验：Qwen-Image预装环境，一键启动图文对话 1. 镜像概述与核心优势 1.1 为什么选择专用镜像在本地部署大语言模型时，环境配置往往是最耗时的环节。以Qwen-VL这样的视觉语言模型为例，需要处理CUDA版…...

编程新知 2026/3/29 5:25:59

泰勒级数实战：如何快速估算任意数的平方根（附Python代码）

泰勒级数实战：如何快速估算任意数的平方根（附Python代码） 在工程计算和科学实验中，快速估算平方根是一项常见需求。传统查表法精度有限，而现代计算器又过度依赖硬件。泰勒级数展开提供了一种优雅的数学解决方案——通过…...

编程新知 2026/3/29 3:04:25

算法高频核心：网格方向遍历从入门到精通

摘要：二维网格方向遍历是算法笔试、面试绝对高频考点，覆盖井字棋、五子棋、岛屿统计、单词搜索、游戏模拟等场景。本文用一套通用方向数组模板，打通 4 方向 / 8 方向遍历、k 连珠判定、DFS 连通块、回溯搜索四大题型，附完整可运行 C++ 代码与 LeetCode 原题对照，新手也能快…...

编程新知 2026/3/29 2:58:18

HyperDroid深度体验：安卓秒变Win11桌面的秘密武器

1. HyperDroid初体验：当安卓遇上Win11的奇妙化学反应第一次打开HyperDroid时，我的手机屏幕瞬间变成了熟悉的Windows 11界面，那种感觉就像把电脑桌面装进了口袋。任务栏、开始菜单、甚至窗口的圆角设计都完美复刻，连动态磁贴的亚克…...

编程新知 2026/3/29 2:44:12

Cadence Virtuoso新手避坑：DC和Tran仿真到底该用哪个？附inv反相器实例

Cadence Virtuoso仿真实战：DC与Tran仿真的本质差异与工程选择指南在集成电路设计的入门阶段，许多工程师都会对仿真类型的选择感到困惑。就像我第一次使用Cadence Virtuoso时，面对DC和Tran这两个基础仿真选项，完全不知道从何下手。…...

编程新知 2026/3/29 2:42:12

Tiled2Unity：解决Tiled地图与Unity引擎无缝集成的自动化转换方案

Tiled2Unity：解决Tiled地图与Unity引擎无缝集成的自动化转换方案【免费下载链接】Tiled2Unity Export Tiled Map Editor (TMX) files into Unity 项目地址: https://gitcode.com/gh_mirrors/ti/Tiled2Unity Tiled2Unity是一款开源工具，核心功能是…...

编程新知 2026/3/29 2:34:10

MCU高级开发技巧：外设驱动与系统架构优化

MCU高级用法解析：从外设驱动到系统架构设计1. MCU开发中的标准化与创新在嵌入式系统开发领域，MCU(微控制器单元)作为核心控制器件，其开发过程需要遵循严格的工程规范。标准的开发流程包括对变量和函数的明确定义，确定其生命周期、…...

编程新知 2026/3/29 2:17:53