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

HTML静态网页成品作业(HTML+CSS)——动漫海绵宝宝介绍网页(5个页面)

news 2025/11/1 4:46:44

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

文章目录

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

一、作品介绍

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

二、作品演示

在这里插入图片描述

三、代码目录

在这里插入图片描述

四、网站代码

HTML部分代码


<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title><link rel="stylesheet" href="./css/style.css"></head><body><div class="box"><div class="header"><a href="index.html">网站首页</a><a href="jianjie.html">作品简介</a><a href="juese.html">角色介绍</a><a href="tu.html">精美图片</a><a href="shipin.html">精彩视频</a></div><div class="pic"><img src="./images/banner.jpg" alt="">		</div><div class="main"><div class="main1"><p><img src="./images/1.jpeg" alt="" style="float: left;"><span style="display: inline-block;">海绵宝宝</span><br>&nbsp;&nbsp;&nbsp;&nbsp;《海绵宝宝》（SpongeBob SquarePants）是一部由史蒂芬·海伦伯格原创，舍曼·科恩、沃特·杜赫、山姆·亨德森、保罗·蒂比特、沃尔特·道恩 [21] 等导演，汤姆·肯尼、比尔·法格巴克、罗杰·布帕斯等配音的美国喜剧动画，于1999年7月17日在尼克国际儿童频道开播。<br>&nbsp;&nbsp;&nbsp;&nbsp;央视少儿频道从2006年1月29日大年初一晚20:00开始播出。<br>&nbsp;&nbsp;&nbsp;&nbsp;《海绵宝宝》的故事情节主要围绕着主角海绵宝宝和他的好朋友派大星、邻居章鱼哥、上司蟹老板等生物展开，场景设定于太平洋海底，一座被称为比奇堡的城市。2005年1月30日，该片荣获第32届安妮奖授予的“最佳TV动画制作”奖。<br>&nbsp;&nbsp;&nbsp;&nbsp;这部动画除了固定描绘的卡通场景与人物之外，也会穿插一些真实的物件或人物：例如曾出演《海滩游侠》与《霹雳游侠》的大卫·哈塞尔霍夫，以本人的身份出演了几集。但海绵宝宝卡通的内容基本上与海洋知识无关，甚至夸大到完全不合乎科学与常识，例如海底生火、海底冲澡等，剧集内容也会时不时的嘲笑精致艺术和章鱼哥的劳工权益想法。</p></div><div class="main2"><img src="./images/11.png" alt=""><img src="./images/22.png" alt=""><img src="./images/33.png" alt=""><img src="./images/44.png" alt=""></div></div><div class="footer">海绵宝宝</div></div></body>
</html>

五、源码获取

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

HTML静态网页成品作业(HTML+CSS)——动漫海绵宝宝介绍网页(5个页面)

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

编程日记 2024/5/25 20:54:30

开放式耳机2024超值推荐！教你如何选择蓝牙耳机！

开放式耳机的便利性让它在我们的日常生活中变得越来越重要。它让我们摆脱了传统耳机的限制，享受到了更多的自由。不过，市面上的开放式耳机种类繁多，挑选一款既实用又实惠的产品确实需要一些小窍门。作为一位对开放式耳机颇有研究的用户&#…...

编程日记 2024/5/25 20:53:28

程序员搞副业的障碍有那些？

利用信息差是最常见的商业模式在这个世界上，没有什么是所有人都知道的，信息差总是存在的。无论是经验、技巧、知识，甚至是常识，都可能是信息差的源泉，而存在信息差的地方就意味着有赚钱的商机。面对用户需求的金…...

编程日记 2024/5/25 20:52:28

windows7的ie11降级到ie8

重点是要在程序管理窗口中“查看已安装的更新”打开当前系统中已安装更新列表，找到两个IE11的更新（见下图“卸载文件“）并卸载掉，这样windows功能中的ie11才会变成ie8. 打开控制面板进入面板，点击程序，进…...

编程日记 2024/5/25 20:51:26

楼房vr安全逃生模拟体验让你在虚拟环境中亲身体验火灾的紧迫与危险

消防VR安全逃生体验系统是深圳VR公司华锐视点引入了前沿的VR虚拟现实、web3d开发和多媒体交互技术，为用户打造了一个逼真的火灾现场应急逃生模拟演练环境。相比传统的消防逃生模拟演练，消防VR安全逃生体验系统包含知识讲解和模拟实训演练，体…...

编程日记 2024/5/25 20:50:25

rust 学习--所有权

所有权是rust的核心功能。 Rust 是通过所有权来管理内存回收的栈（Stack） 栈是后进先出的栈中存储的数据在编译时是固定内存大小的数据数据移除栈叫出栈，数据存入栈叫入栈入栈要比在堆上分配内存块，入栈时分配器无需为存储…...

编程日记 2024/5/25 20:49:24

关于Git 的基本概念和使用方式

Git是一个分布式版本控制系统，用于跟踪和管理代码的改动。它具有以下基本概念和使用方式： 1. 仓库（Repository）：Git使用仓库来存储代码和相关的历史记录。仓库可以是本地的，也可以是远程的。本地仓库保存在…...

编程日记 2024/5/25 20:47:21

《计算机网络微课堂》1-6 计算机体系结构

常见的计算机网络体系结构从本节课开始，我们要用 4 次课的时间来介绍有关计算机网络体系结构的知识，具体包含以下内容： 一，常见的计算机网络体系结构二，计算机网络体系结构分层的必要性三，计算机网络体系…...

编程日记 2024/5/25 20:46:20

大模型的灵魂解读：Anthropic AI的Claude3 Sonnet可解释性研究

大模型技术论文不断，每个月总会新增上千篇。本专栏精选论文重点解读，主题还是围绕着行业实践和工程量产。若在某个环节出现卡点，可以回到大模型必备腔调重新阅读。而最新科技（Mamba,xLSTM,KAN）则提供了大模型领域最新技…...

编程日记 2024/5/25 20:45:19

大模型框架：vLLM

目录一、vLLM 介绍二、安装 vLLM 2.1 使用 GPU 进行安装 2.2 使用CPU进行安装 2.3 相关配置三、使用 vLLM 3.1 离线推理 3.2 适配OpenAI-API的API服务一、vLLM 介绍 vLLM是伯克利大学LMSYS组织开源的大语言模型高速推理框架。它利用了全新的注意力算法「PagedAtten…...

编程日记 2024/5/25 20:43:16

SQL 使用心得【持续更新】

COUNT（字段） 不会统计 NULL 值，但是COUNT（*）会只要有子查询，就需要给子查询定义别名！where 后面的条件表达式中不能存在聚合函数，但是 Having 可以聚合函数基本上都是需要配合 group…...

编程日记 2024/5/25 20:42:16

基于Spring Boot的高校图书馆管理系统

项目和论文都有企鹅号2583550535 基于Spring Boot的图书馆管理系统||图书管理系统_哔哩哔哩_bilibili 第1章绪论... 1 1.1 研究背景和意义... 1 1.2 国内外研究现状... 1 第2章相关技术概述... 2 2.1 后端开发技术... 2 2.1.1 SpringBoot 2 2.1.2 MySQL.. 2 2.1.3 My…...

编程日记 2024/5/25 20:41:15

python(4) : pip安装使用国内源

pip install -i https://pypi.tuna.tsinghua.edu.cn/simple requests...

编程日记 2024/5/25 20:40:14

让写书人勇敢穿越纸海的迷雾

坚守纸海：让写书人勇敢穿越纸海的迷雾你作为一位写书人，在创作过程中你需要坚守初心是非常重要的。在创作的过程中，你会遇到各种挑战和困难，你要勇敢面对迷雾中的挑战，并通过不懈的努力和决心，成功地穿越…...

编程日记 2024/5/25 20:36:11

ROS2学习——节点话题通信（2）

目录一、ROS2节点 1.概念 2.实例 （1）ros2 run （2）ros2 node list （3）remapping重映射 （4）ros2 node info 二、话题 （1） ros2 topic list &#xf…...

编程日记 2024/5/25 20:35:10

【Spring Boot】深度复盘在开发搜索引擎项目中重难点的整理，以及遇到的困难和总结

💓 博客主页：从零开始的-CodeNinja之路 ⏩ 收录文章：【Spring Boot】深度复盘在开发搜索引擎项目中重难点的整理，以及遇到的困难和总结 🎉欢迎大家点赞👍评论📝收藏⭐文章目录什么是搜索引…...

编程日记 2024/5/25 20:34:08

一、安装docker的步骤： 1.yum install -y yum-utils 2.yum-config-manager --add-repo http://mirrors.aliyun.com/docker- ce/linux/centos/docker-ce.repo --配置阿里云仓库3.yum makecache fast4.yum install docker-ce -y5.docker version …...

编程日记 2024/5/25 20:32:07

ICML 2024 Mamba 论文总结

2024ICML（International Conference on Machine Learning，国际机器学习会议）在2024年7月21日-27日在奥地利维也纳举行 🌟【紧跟前沿】“时空探索之旅”与你一起探索时空奥秘！🚀 欢迎大家关注时空探索之旅 …...

编程日记 2024/5/25 20:29:04

Sass详解

Sass简介 Sass（Syntactically Awesome Stylesheets）是一种CSS预处理器，它在CSS的语法基础上添加了一些功能和语法糖，提供了更强大和灵活的样式表语言。 Sass可以通过定义变量、嵌套规则、混合、继承等功能，帮助开发者…...

编程日记 2024/5/25 20:28:02

如何实现一个高效的排序算法？

要实现一个高效的排序算法，可以考虑以下几个方面： 1.选择合适的排序算法：根据数据规模和特点选择合适的排序算法。例如，对于小规模的数据可以选择插入排序或选择排序，而对于大规模数据可以选择归并排序或快速排序。 …...

编程日记 2024/5/25 20:27:01

Linux相关概念和易错知识点（42）（TCP的连接管理、可靠性、面临复杂网络的处理）

目录 1.TCP的连接管理机制（1）三次握手①握手过程②对握手过程的理解 （2）四次挥手（3）握手和挥手的触发（4）状态切换①挥手过程中状态的切换②握手过程中状态的切换 2.TCP的可靠性&…...

编程新知 2025/10/18 6:57:33

2025盘古石杯决赛【手机取证】

前言第三届盘古石杯国际电子数据取证大赛决赛最后一题没有解出来，实在找不到，希望有大佬教一下我。还有就会议时间，我感觉不是图片时间，因为在电脑看到是其他时间用老会议系统开的会。手机取证 1、分析鸿蒙手机检材&#x…...

编程新知 2025/10/31 16:04:40

Python如何给视频添加音频和字幕

在Python中，给视频添加音频和字幕可以使用电影文件处理库MoviePy和字幕处理库Subtitles。下面将详细介绍如何使用这些库来实现视频的音频和字幕添加，包括必要的代码示例和详细解释。环境准备在开始之前，需要安装以下Python库：…...

编程新知 2025/9/3 4:12:17

ardupilot 开发环境eclipse 中import 缺少C++

目录文章目录目录摘要1.修复过程摘要本节主要解决ardupilot 开发环境eclipse 中import 缺少C++，无法导入ardupilot代码，会引起查看不方便的问题。如下图所示 1.修复过程 0.安装ubuntu 软件中自带的eclipse 1.打开eclipse—Help—install new software 2.在 Work with中…...

编程新知 2025/10/28 23:16:13

SpringTask-03.入门案例

一.入门案例启动类： package com.sky;import lombok.extern.slf4j.Slf4j; import org.springframework.boot.SpringApplication; import org.springframework.boot.autoconfigure.SpringBootApplication; import org.springframework.cache.annotation.EnableCach…...

编程新知 2025/10/31 1:15:07