作品介绍

1.网页作品简介 ：HTML期末大学生网页设计作业 A+水平 ,喜欢的可以下载，文章页支持手机PC响应式布局。

2.网页作品编辑：作品下载后可使用任意HTML编辑软件（如：DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm、 Notepad++ 等任意HTML软件编辑修改网页）。

3.网页作品技术：Div+CSS、鼠标滑过特效、Table、导航栏效果、banner、表单、二级三级页面等，视频、音频元素、Flash，同时设计了logo（源文件），基本期末作业所需的知识点全覆盖。

文章目录

作品介绍
一、作品展示
二、文件目录
三、代码实现

一、作品展示

作品为部分截图

二、文件目录

三、代码实现

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>志愿报名</title>
		<link href="css/style.css" rel="stylesheet" type="text/css" />
	</head> 
    <body>
        <header>
            <div class="logo">
                <a href="index.html"><img src="images/logo.png" width="85px"></a>
            </div>
            <nav>
                <ul>
                    <li><a href="index.html">网站首页</a></li>
                    <li><a href="pagea.html">感动人物</a></li>
                    <li><a href="pageb.html">动人瞬间</a></li>
                    <li><a href="pagec.html" >感人视频</a></li>
                    <li><a href="paged.html" >感人图集</a></li>
                    <li><a href="pagee.html"  style="color:#d92424">志愿报名</a></li>
                </ul>
            </nav>
        </header>
		<div class="banner"></div>
		<div class="content">
			<form>
				<label><span><input id="name" type="text" name="name" placeholder="志愿者姓名" /> </span></label>
				<label><span><input id="name" type="text" name="name" placeholder="志愿者联系电话" /> </span></label>
				<label><span><textarea id="message" name="message" placeholder="您有哪些工作经验"></textarea> </span></label> 
				<label><span><input type="button" class="button" value="立即报名" /></span> </label>
			</form> 
		</div>
        <footer>
            <p>致 敬 最 美 逆 行 者</p>
        </footer>
    </body>
</html>