本文主要是介绍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>
五、源码获取
🥇 ~ 关注我,点赞博文~
每天带你涨知识!
🎁1.看到这里了就[点赞+好评+收藏]
三连 支持下吧,你的「点赞,好评,收藏」是我创作的动力。
💙2.想要获取本文源码,点击前往吧
这篇关于HTML静态网页成品作业(HTML+CSS)——动漫大耳朵图图网页(4个页面)的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!