首页 前端知识 HTML静态网页成品作业(HTML CSS)——动漫熊出没介绍网页(3个页面)

HTML静态网页成品作业(HTML CSS)——动漫熊出没介绍网页(3个页面)

2024-06-16 01:06:26 前端知识 前端哥 370 860 我要收藏

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

文章目录

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


一、作品介绍

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

二、作品演示

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

三、代码目录

在这里插入图片描述

四、网站代码

HTML部分代码


<div class="header">
				<img src="./images/header_img.jpeg" alt="" id="header_img">
			</div>


			<div class="f">
				<div class="aside">
					<ul>
						<li class="t"><a href="index.html">动漫首页</a></li>
						<li><a href="juese.html">动漫角色</a></li>
						<li><a href="denglu.html">动漫注册</a></li>
					</ul>
					<img src="./images/nav_bottom.png" id="nav_bottom" alt="">
				</div>

				<div class="z">
					<div class="zheader">基本信息</div>
					<table border="1">
						<tr>
							<th>中文名</th>
							<td>熊出没</td>
							<th>播放期间</th>
							<td>2012.1.22开始</td>
						</tr>
						<tr>
							<th>原版名称</th>
							<td>Boonie Bears</td>
							<th>别 名</th>
							<td>动画、冒险</td>
						</tr>
						<tr>
							<th>出品人</th>
							<td>李明、刘道强</td>
							<th>出品公司</th>
							<td>华强方特(深圳)动漫有限公司</td>
						</tr>
						<tr>
							<th>地 区</th>
							<td>中国大陆</td>
							<th>发行日期</th>
							<td>2012122</td>
						</tr>
						<tr>
							<th>提 供</th>
							<td>方特卡通</td>
							<th>集 数</th>
							<td>962</td>
						</tr>
						<tr>
							<th>首部电影</th>
							<td>《熊出没之夺宝熊兵》</td>
							<th>最新电影</th>
							<td>《熊出没·伴我“熊芯”》</td>
						</tr>
					</table>


					<div class="zheader">动漫图集</div>

					<div class="news">
						<div class="news1">
							<img src="./images/news1.jpeg" alt="">
						</div>
						<div class="news1">
							<img src="./images/news2.jpeg" alt="">
						</div>
						<div class="news1">e
							<img src="./images/news3.jpeg" alt="">
						</div>
					</div>

				</div>
				<div style="clear: both;"></div>
			</div>

			<div class="footer">熊出没</div>

五、源码获取

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

转载请注明出处或者链接地址:https://www.qianduange.cn//article/12291.html
标签
评论
发布的文章

json文件的格式转换

2024-06-21 09:06:48

JSON 现代数据交换的利器

2024-06-21 09:06:41

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!