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

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

文章目录


一、作品介绍

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

二、作品演示




三、代码目录

四、网站代码

HTML部分代码

c 复制代码
<!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>《大耳朵图图》是由速达执导,叮当编剧,上海美术电影制片厂制作的电视动画片。该剧主要讲述了胡图图和小伙伴的成长故事。作品于2004年6月1日在中央电视台少儿频道首播,共计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.想要获取本文源码,点击前往吧

相关推荐
王哈哈^_^1 小时前
【数据集】【YOLO】【目标检测】交通事故识别数据集 8939 张,YOLO道路事故目标检测实战训练教程!
前端·人工智能·深度学习·yolo·目标检测·计算机视觉·pyqt
cs_dn_Jie1 小时前
钉钉 H5 微应用 手机端调试
前端·javascript·vue.js·vue·钉钉
开心工作室_kaic2 小时前
ssm068海鲜自助餐厅系统+vue(论文+源码)_kaic
前端·javascript·vue.js
有梦想的刺儿2 小时前
webWorker基本用法
前端·javascript·vue.js
cy玩具3 小时前
点击评论详情,跳到评论页面,携带对象参数写法:
前端
qq_390161773 小时前
防抖函数--应用场景及示例
前端·javascript
John.liu_Test4 小时前
js下载excel示例demo
前端·javascript·excel
Yaml44 小时前
智能化健身房管理:Spring Boot与Vue的创新解决方案
前端·spring boot·后端·mysql·vue·健身房管理
PleaSure乐事4 小时前
【React.js】AntDesignPro左侧菜单栏栏目名称不显示的解决方案
前端·javascript·react.js·前端框架·webstorm·antdesignpro
哟哟耶耶4 小时前
js-将JavaScript对象或值转换为JSON字符串 JSON.stringify(this.SelectDataListCourse)
前端·javascript·json