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

本文主要是介绍HTML静态网页成品作业(HTML+CSS)——动漫大耳朵图图网页(4个页面)，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

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

文章目录

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

一、作品介绍

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

二、作品演示

在这里插入图片描述

三、代码目录

在这里插入图片描述

四、网站代码

HTML部分代码


<!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>