布置的作业
index.html
页面登录页面:
1、页面有背景图
2、有一个登录表单(用户名,密码,登录按钮,注册按钮)
3、点击登录按钮跳转到学生信息表页面
4、点击注册按钮跳转的注册页面
(仿新浪邮箱注册页面,点击注册跳转到学生信息表页面)
stuTable.html
学生信息表页面:
1、只有一个表格,标题是学生信息表
表头为:姓名、性别、年龄、生日、查看详情
2、点击查看详情跳转到类似简历的页面的指定学生位置
stuInfo.html
学生详情页面:
1、将所有学生信息放到这个页面
2、顺序排放,学生信息展示方式自定义,要有头像
(可以是表格,也可以标题段落)
3、学生信息支持下载
代码如下:1
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<body background="图片/2345_image_file_copy_1.jpg">
<form action="stuTable.html" method="get">
<table width="100%" cellpadding="0" cellspacing="8" border="0">
<tr>
<td align="center" colspan="2">用户名:
<input type="text" name="" value=""></td>
</tr>
<tr>
<td align="center" colspan="2"> 密码:
<input type="text" name="" value=""></td>
</tr>
<tr>
<td>   ; </td>
<td align="left"><input type="submit" value="登录">
<a href="学生信息/xinlangzhuce.html" target="_blank"> 注册 </a></td>
</tr>
</table>
</form>
</body>
</html>
2
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<body> <table align="center" width="50%" cellpadding="0" cellspacing="0" border="1">
<caption>学生信息表</caption>
<tr>
<td>姓名</td>
<td>性别</td>
<td>年龄</td>
<td>生日</td>
<td>查看详情</td>
</tr>
<tr>
<td>张三</td>
<td>男</td>
<td>27</td>
<td>1990.10.10</td>
<td><a href="学生信息/zhangsan.html" target="_blank" >查看详情</a></td>
</tr>
<tr>
<td>李四</td>
<td>女</td>
<td>28</td>
<td>1989.10.10</td>
<td><a href="学生信息/lisi.html" target="_blank">查看详情</a></td>
</tr>
<tr>
<td>王五</td>
<td>男</td>
<td>29</td>
<td>1988.10.10</td>
<td><a href="学生信息/wangwu.html" target="_blank">查看详情</a></td>
</tr>
</table>
</body>
</html>
3
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<body><ul type="circle">
<li><table align="center" width="50%" cellpadding="0" cellspacing="0" border="1" >
<caption><h4>个人简历</h4></caption>
<tr>
<td>姓名</td>
<td>张三</td>
<td>性别</td>
<td>男</td>
<td>出生年月</td>
<td>1990.10.10</td>
<td rowspan="4"><img src="图片/2017-09-24_214120.jpg">
</td>
</tr>
<tr>
<td>民族</td>
<td> </td>
<td>政治面貌</td>
<td> </td>
<td>身高</td>
<td> </td>
</tr>
<tr>
<td>学历</td>
<td> </td>
<td>学制</td>
<td> </td>
<td>户籍</td>
<td> </td>
</tr>
<tr>
<td>专业</td>
<td> </td>
<td>毕业院校</td>
<td colspan="3"></td>
</tr>
<tr>
<td>出生地</td>
<td colspan="6"> </td>
</tr>
<tr>
<td>所在地</td>
<td colspan="6"> </td>
</tr>
<tr>
<td align="center" colspan="7">技能特长</td>
</tr>
<tr>
<td>外语水平</td>
<td colspan="2"> </td>
<td align="center" colspan="2">计算机水平</td>
<td colspan="2"> </td>
</tr>
<tr>
<td align="center" colspan="7">个人履历</td>
</tr>
<tr>
<td>时间</td>
<td align="center" colspan="2">单位</td>
<td align="center" colspan="4">经历</td>
</tr>
<tr>
<td align="center" colspan="7">个人简介</td>
</tr>
<tr>
<td colspan="7" rowspan="3"> </td>
</tr>
<tr></tr><tr></tr><tr></tr>
<tr>
<td>联系电话</td>
<td colspan="2"> </td>
<td>E-mail</td>
<td colspan="3"> </td>
</tr>
</table><center><a href="学生信息/zhangsan - 拷贝.doc">下载</a></center>
<li><table align="center" width="50%" cellpadding="0" cellspacing="0" border="1" >
<caption><h4>个人简历</h4></caption>
<tr>
<td>姓名</td>
<td>李四</td>
<td>性别</td>
<td>女</td>
<td>出生年月</td>
<td>1989.10.10</td>
<td rowspan="4"><img src="图片/2017-09-24_215330.jpg">
</td>
</tr>
<tr>
<td>民族</td>
<td> </td>
<td>政治面貌</td>
<td> </td>
<td>身高</td>
<td> </td>
</tr>
<tr>
<td>学历</td>
<td> </td>
<td>学制</td>
<td> </td>
<td>户籍</td>
<td> </td>
</tr>
<tr>
<td>专业</td>
<td> </td>
<td>毕业院校</td>
<td colspan="3"></td>
</tr>
<tr>
<td>出生地</td>
<td colspan="6"> </td>
</tr>
<tr>
<td>所在地</td>
<td colspan="6"> </td>
</tr>
<tr>
<td align="center" colspan="7">技能特长</td>
</tr>
<tr>
<td>外语水平</td>
<td colspan="2"> </td>
<td align="center" colspan="2">计算机水平</td>
<td colspan="2"> </td>
</tr>
<tr>
<td align="center" colspan="7">个人履历</td>
</tr>
<tr>
<td>时间</td>
<td align="center" colspan="2">单位</td>
<td align="center" colspan="4">经历</td>
</tr>
<tr>
<td align="center" colspan="7">个人简介</td>
</tr>
<tr>
<td colspan="7" rowspan="3"> </td>
</tr>
<tr></tr><tr></tr><tr></tr>
<tr>
<td>联系电话</td>
<td colspan="2"> </td>
<td>E-mail</td>
<td colspan="3"> </td>
</tr>
</table><center><a href="学生信息/lisi - 拷贝.doc">下载</a></center>
</li>
<li><table align="center" width="50%" cellpadding="0" cellspacing="0" border="1" >
<caption><h4>个人简历</h4></caption>
<tr>
<td>姓名</td>
<td>王五</td>
<td>性别</td>
<td>男</td>
<td>出生年月</td>
<td>1988.10.10</td>
<td rowspan="4"><img src="图片/2017-09-24_215620.jpg">
</td>
</tr>
<tr>
<td>民族</td>
<td> </td>
<td>政治面貌</td>
<td> </td>
<td>身高</td>
<td> </td>
</tr>
<tr>
<td>学历</td>
<td> </td>
<td>学制</td>
<td> </td>
<td>户籍</td>
<td> </td>
</tr>
<tr>
<td>专业</td>
<td> </td>
<td>毕业院校</td>
<td colspan="3"></td>
</tr>
<tr>
<td>出生地</td>
<td colspan="6"> </td>
</tr>
<tr>
<td>所在地</td>
<td colspan="6"> </td>
</tr>
<tr>
<td align="center" colspan="7">技能特长</td>
</tr>
<tr>
<td>外语水平</td>
<td colspan="2"> </td>
<td align="center" colspan="2">计算机水平</td>
<td colspan="2"> </td>
</tr>
<tr>
<td align="center" colspan="7">个人履历</td>
</tr>
<tr>
<td>时间</td>
<td align="center" colspan="2">单位</td>
<td align="center" colspan="4">经历</td>
</tr>
<tr>
<td align="center" colspan="7">个人简介</td>
</tr>
<tr>
<td colspan="7" rowspan="3"> </td>
</tr>
<tr></tr><tr></tr><tr></tr>
<tr>
<td>联系电话</td>
<td colspan="2"> </td>
<td>E-mail</td>
<td colspan="3"> </td>
</tr>
</table><center><a href="学生信息/wangwu - 拷贝.doc">下载</a></center>
</li>
</ul>
</body>
</html>