学⽣HTML个⼈⽹页作业作品~超级英雄11页⾯⽹页设计成品~学⽣⽹页设计作业
源码
学⽣HTML个⼈⽹页作业作品 ~ 超级英雄11页⾯⽹页设计成品~ 学⽣⽹页设计作业源码
临近期末, 你还在为HTML⽹页设计结课作业,⽼师的作业要求感到头⼤？HTML⽹页作业⽆从下⼿？⽹页要求的总数量太多？没有合适的模板？等等⼀系列问题。你想要解决的问题，在这篇博⽂中基本都能满⾜你的需求~
原始HTML+CSS+JS页⾯设计, web⼤学⽣⽹页设计作业源码，这是⼀个不错的⽹页制作，画⾯精明，⾮常适合初学者学习使⽤。
作品介绍
1.⽹页作品简介⽅⾯ ：HTML期末⼤学⽣⽹页设计作业 ，喜欢的可以下载，⽂章页⽀持⼿机PC响应式布局。 等总共 11 个页⾯html下载。
2.⽹页作品编辑⽅⾯：此作品为学⽣个⼈主页⽹页设计题材，代码为简单学⽣⽔平 html+css 布局制作，作品下载后可使⽤任意HTML编辑软件（例如：DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm 所有编辑器均可使⽤）
3.⽹页作品布局⽅⾯：⽹页布局整体为LOGO、导航、主体内容布局。⼦页⾯多种布局，兴趣爱好内容使⽤图⽚列表布局，成绩页⾯插⼊了表格，使⽤图⽚对齐⽅式设置了左对齐。
4.⽹页作品技术⽅⾯：使⽤CSS制作了⽹页背景图、⿏标经过及选中导航变⾊效果、下划线等。 ⾸页制作了留⾔表单，同时简单使⽤JavaScript制作了表单判断（提交时表单不能为空）
⽂章⽬录
⼀、作品演⽰
⼆、代码⽬录
三、代码实现
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="/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>
jquery源码在线</div>
</div>
<div id="footer">
©版权所有：超级英雄排⾏榜
</div>
</div>
</body>
</html>
四、web前端⼊门到⾼级(视频+源码+资料+⾯试)⼀整套 (教程)
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论