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

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

news 2025/11/7 5:49:06

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

文章目录

一、作品介绍
二、作品演示
三、代码目录
四、网站代码
- 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

简易版抽奖活动的设计技术方案

1.前言本技术方案旨在设计一套完整且可靠的抽奖活动逻辑，确保抽奖活动能够公平、公正、公开地进行，同时满足高并发访问、数据安全存储与高效处理等需求，为用户提供流畅的抽奖体验，助力业务顺利开展。本方案将涵盖抽奖活动的整体架构设计、核心流程逻辑、关键功能实现以及…...

编程新知 2025/10/17 17:55:51

Python爬虫实战：研究feedparser库相关技术

1. 引言 1.1 研究背景与意义在当今信息爆炸的时代，互联网上存在着海量的信息资源。RSS（Really Simple Syndication）作为一种标准化的信息聚合技术，被广泛用于网站内容的发布和订阅。通过 RSS，用户可以方便地获取网站更新的内容，而无需频繁访问各个网站。然而，互联网…...

编程新知 2025/8/18 9:54:31

css3笔记（1）自用

outline: none 用于移除元素获得焦点时默认的轮廓线 broder:0 用于移除边框 font-size：0 用于设置字体不显示 list-style: none 消除<li> 标签默认样式 margin: xx auto 版心居中 width:100% 通栏 vertical-align 作用于行内元素 / 表格单元格&#xff…...

编程新知 2025/10/11 5:18:43

C++八股 —— 单例模式

文章目录 1. 基本概念2. 设计要点3. 实现方式4. 详解懒汉模式 1. 基本概念线程安全（Thread Safety） 线程安全是指在多线程环境下，某个函数、类或代码片段能够被多个线程同时调用时，仍能保证数据的一致性和逻辑的正确性&#xf…...

编程新知 2025/10/13 7:34:19

【HarmonyOS 5 开发速记】如何获取用户信息（头像/昵称/手机号）

1.获取 authorizationCode： 2.利用 authorizationCode 获取 accessToken：文档中心 3.获取手机：文档中心 4.获取昵称头像：文档中心首先创建 request 若要获取手机号，scope必填 phone，permissions 必填 …...

编程新知 2025/9/17 2:39:21

Xen Server服务器释放磁盘空间

disk.sh #!/bin/bashcd /run/sr-mount/e54f0646-ae11-0457-b64f-eba4673b824c # 全部虚拟机物理磁盘文件存储 a$(ls -l | awk {print $NF} | cut -d. -f1) # 使用中的虚拟机物理磁盘文件 b$(xe vm-disk-list --multiple | grep uuid | awk {print $NF})printf "%s\n"…...

编程新知 2025/7/18 2:39:54

Spring是如何解决Bean的循环依赖：三级缓存机制

1、什么是 Bean 的循环依赖在 Spring框架中，Bean 的循环依赖是指多个 Bean 之间‌互相持有对方引用‌，形成闭环依赖关系的现象。多个 Bean 的依赖关系构成环形链路，例如：双向依赖：Bean A 依赖 Bean B，同时 Bean B 也依赖 Bean A（A↔B）。链条循环： Bean A → Bean…...

编程新知 2025/7/25 1:21:53

【笔记】WSL 中 Rust 安装与测试完整记录

#工作记录 WSL 中 Rust 安装与测试完整记录 1. 运行环境系统：Ubuntu 24.04 LTS (WSL2)架构：x86_64 (GNU/Linux)Rust 版本：rustc 1.87.0 (2025-05-09)Cargo 版本：cargo 1.87.0 (2025-05-06) 2. 安装 Rust 2.1 使用 Rust 官方安…...

编程新知 2025/10/28 6:00:57