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

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

文章目录

• 一、作品介绍
• 二、作品演示
• 三、代码目录
• 四、网站代码
• • 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>2012年1月22日</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.想要获取本文源码，点击前往吧