漫威超级英雄主题 html源码 html大作业源码

最新推荐文章于 2024-05-14 23:39:54 发布

老学长毕业设计辅导

最新推荐文章于 2024-05-14 23:39:54 发布

阅读量169

点赞数

分类专栏： html网页作品文章标签： html 课程设计前端期末大作业网页设计

本文链接：https://blog.csdn.net/m0_37916936/article/details/134334701

版权

html网页作品专栏收录该内容

198 篇文章 9 订阅

订阅专栏

漫威超级英雄主题 html源码 html大作业

页面个数：11

使用技术：html+css+js

部分代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>1 超人 超级英雄排行榜</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="../css/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="../js/jquery.min.js"></script>
<script type='text/javascript' src='../js/js.js'></script>
</head>
<body>
<div id="banner">
	<div id="logo">
		<a href="../index.html">超级英雄排行榜</a>
	</div>
	<div id="nav">
		<ul>
			<li><a href="./10.html">10</a></li>
			<li><a href="./9.html">9</a></li>
			<li><a href="./8.html">8</a></li>
			<li><a href="./7.html">7</a></li>
			<li><a href="./6.html">6</a></li>
			<li><a href="./5.html">5</a></li>
			<li><a href="./4.html">4</a></li>
			<li><a href="./3.html">3</a></li>
			<li><a href="./2.html">2</a></li>
			<li><a href="./1.html">1</a></li>
			<div class="clearfix"></div>
		</ul>
	</div>
</div>
<div id="main">
	<div class="box-wrapper">
		<div class="content">
			<h1>1 超人</h1>
			<div class="description">
				<p>最强大的非超人莫属，超越光速的速度，眼睛射出的毁灭般的光线，无穷的力量，在漫画中甚至呼吸一下吹灭恒星，凭自身力量拉动十几颗星球，把其他的超级英雄甩飞几万条街去。正义联盟的领头人物，精神领袖。</p>
			</div>
			<div class="pic">
				<p><img src="../images/11.jpg"></p>
				<p><img src="../images/12.jpg"></p>
				<p><img src="../images/13.jpg"></p>
				<p><img src="../images/14.jpg"></p>
			</div>
		</div>
	</div>
	<div id="footer">
		©版权所有：超级英雄排行榜
	</div>
</div>
</body>
</html>

页面效果：