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

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

文章目录


一、作品介绍

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

二、作品演示





三、代码目录

四、网站代码

HTML部分代码

c 复制代码
<!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.想要获取本文源码,点击前往吧

相关推荐
加油乐35 分钟前
vue3实现表格动态列及自定义列排序
前端·vue.js
Hide Asn1 小时前
css-css执行的三种方式和css选择器
前端·css
萌新小白的逆袭1 小时前
HTML的重要知识
前端·html
移动端小伙伴1 小时前
《iOS 通知系统全解》目录索引
前端·swift
罗密欧与猪过夜6761 小时前
React中的State为什么要叫做照片快照
前端
xyccstudio1 小时前
关于 expandSafeArea 不生效问题
前端
独立开阀者_FwtCoder1 小时前
2025年每个开发者都必须知道的100多个JavaScript术语(附示例)
前端·javascript·vue.js
wwy_frontend1 小时前
积累:03-ES6
前端
鹏程十八少2 小时前
1. Android 组件化一 Arounter核心路由框架 原理深入解析 和实战
前端
Yodame2 小时前
webpack+vite前端构建工具全掌握(上篇)
前端