Community Learn Tools Library Leisure
search
English
Home > List of blog posts > 20180320的作业
Blogger Information
Blog 31
fans 0
comment 1
visits 24549
Special Recommendation
More>
Related recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
20180320的作业
jobing的博客
Original
569 people have browsed it

代码：


实例

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>学员后台管理系统</title>
</head>
<body>
	<table align="center" border="0" cellpadding="0" cellspacing="5" width="80%">
		<tr height="60">
			<td colspan="2">
				<iframe src="top.html" name="top" scrolling="no" width="100%" height="80" align="center" frameborder="0"></iframe>
			</td>
		</tr>

        <tr><td colspan="2" width="100%"><hr></td></tr>

		<tr>
			<td>
				<iframe src="left.html" name="left" scrolling="no" width="25%" height="400" align="center" frameborder="0"></iframe>
			</td>
			<td>
				<iframe src="right.html" name="right" scrolling="no" width="65%" height="400" align="center" frameborder="0"></iframe>
			</td>
		</tr>
		
		<tr><td colspan="2" width="100%"><hr></td></tr>

		<tr height="60">
			<td colspan="2">
				<iframe src="foot.html" name="foot" scrolling="no" width="100%" frameborder="0" align="center"></iframe>
			</td>
		</tr>
	</table>
	
</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

实例

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>top</title>
</head>
<body>
	<table>
		<tr>
			<td valign="top"><img src="../images/logo.jpg" width="60"></td>
			<td valign="middle" width="80%"><h2>学员后台管理系统</h2></td>
			<td align="top"><p><a href="">管理员</a>    <a href="">退出系统</a></p></td>
		</tr>
	</table>
	
</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

实例

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>left</title>
</head>
<body>
	<h4><img src="../images/student.jpg" width="30">学员管理</h4>
	<ul type="none">
		<li><img src="../images/infor.jpg" width="20"><a href="add.html" target="right">添加学员</a></li>
		<li><img src="../images/mark.jpg" width="20"><a href="">学员分类</a></li>
	</ul>

	<hr>

	<h4><img src="../images/student.jpg" width="20">成绩管理</h4>
	<ul type="none">
		<li><img src="../images/infor.jpg" width="20"><a href="query.html" target="right">成绩查询</a></li>
		<li><img src="../images/mark.jpg" width="20"><a href="">成绩分类</a></li>
	</ul>

</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

实例

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>默认首页展示</title>
</head>
<body>
	<table cellpadding="5" cellspacing="0" border="1" align="center">
		<caption><h4>后台信息表</h4></caption>
		<tr align="center">
			<th>后台创建时间</th>
			<td>2018年3月21日</td>
		</tr>
		<tr align="center">
			<th>后台使用语言</th>
			<td>HTML</td>
		</tr>
		<tr align="center">
			<th>后台版本</th>
			<td>1.00</td>
		</tr>

	</table>
</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

实例

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>add</title>
</head>
<body>
	<table align="center" cellpadding="5" cellspacing="0" border="1">
		<caption><h3>学员名单<a href="">添加</a></h3></caption>
		<tr>
			<th align="center">学号</th>
			<th align="center">姓名</th>
			<th align="center">身高</th>
			<th align="center">体重</th>
			<th align="center">照片</th>
			<th align="center" colspan="2">操作</th>
		</tr>

		<tr>
			<td align="center">20060921</td>
			<td align="center">jobing</td>
			<td align="center">168cm</td>
			<td align="center">62kg</td>
			<td align="center"><img src="../images/1.jpg" width="20" alt="照片"></td>
			<td align="center"><a href=""><img src="../images/mod.jpg" alt="修改" width="20"></a></td>
			<td align="center"><a href=""><img src="../images/del.jpg" alt="删除" width="20"></a></td>
		</tr>

		<tr>
			<td align="center">20080901</td>
			<td align="center">pp</td>
			<td align="center">170cm</td>
			<td align="center">55kg</td>
			<td align="center"><img src="../images/2.jpg" width="20" alt="照片"></td>
			<td align="center"><a href=""><img src="../images/mod.jpg" alt="修改" width="20"></a></td>
			<td align="center"><a href=""><img src="../images/del.jpg" alt="删除" width="20"></a></td>
		</tr>
		
	</table>
</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

实例

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>query</title>
</head>
<body>
	<table align="center" cellspacing="0" cellpadding="5" border="0">
		<caption><h3>成绩查询</h3></caption>
		<tr>
			<td>学号：</td>
			<td><input type="text" name="number" placeholder="请输入你的学号"></td>
		</tr>

		<tr>
			<td>姓名：</td>
			<td><input type="text" name="number" placeholder="请输入你的姓名"></td>
		</tr>

		<tr>
			<td colspan="2" align="center">
				<h4>查询  <input type="image" name="submit" src="../images/query.jpg" width="20"></h4>
			</td>
		</tr>
	</table>
</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

实例

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>foot</title>
</head>
<body>
	<p align="center">
		<a href="">jobing的后台管理系统</a>   ©版权所有  
		<a href="">备案号：粤ICPXXXXXX</a>
	</p>
</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

效果图展示：

3.png4.png5.png

手写代码：

1.jpg2.jpg

Correction status：qualified

Teacher's comments：作业已检查！ 完成的不错！大赞！！ 每天的作业请在第二天晚上八点之前提交到博客！！ 继续保持！
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post