Blogger Information
Blog 33
fans 3
comment 0
visits 22820
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
20180320-前端-作业
MrZ的博客
Original
845 people have browsed it

首页:

实例

<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head>
	<title>课程教务管理后台</title>
</head>
<body>
<table border="0" cellpadding="5" cellspacing="0" width="960" align="center">
	<tr ><!-- 页头 -->
		<td colspan="2"><iframe src="tou.html" name="tou" height="70" width="100%" frameborder="0" scrolling="no"></iframe></td> 
	</tr>
    <tr>
    	<td colspan="2" width="100"><hr></td>
    </tr>
	<tr><!-- 页中 -->
		<td><iframe src="zuo.html" name="zuo" width="150" height="600" frameborder="0" scrolling="0" align="center" frameborder="0" scrolling="no"></iframe></td><!-- 左侧 -->
        <td><iframe src="you.html" name="you" width="780" height="600" frameborder="0" scrolling="0" align="left" frameborder="0" scrolling="no"></iframe></td><!-- 右侧 -->
	</tr>
<td colspan="2" width="100"><hr></td>
	<tr><!-- 页尾 -->
		<td colspan="2"><iframe src="di.html" name="di" height="70" width="100%" frameborder="0" scrolling="no"></iframe></td> 
	</tr>

</table>


</body>
</html>

运行实例 »

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

实例

左侧:

<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head>
	<title>左侧</title>
</head>
<body>
<h4>学生管理</h4>
<ul type="none">
	<li><a href="tjxs.html" target="you">添加学生</a></li>
	<li><a href="">学生列表</a></li>
</ul>
<hr>
<h4>课程管理</h4>
<ul type="none">
	<li><a href="">课程列表</a></li>
	<li><a href="">课程查询</a></li>
</ul>
<hr>
<h4>系统设置</h4>
<ul type="none">
	<li><a href="">基本配置</a></li>
	<li><a href="">高级设置</a></li>
</ul>
<hr>
</body>
</html>

运行实例 »

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

右侧(默认内容):

实例

<!DOCTYPE html>
<html>
<head>
	<title>右侧</title>
</head>
<body>
<table border="1" cellspacing="0" cellspacing="5" align="center">
	<caption><h3>服务器概况</h3></caption>
	<tr align="center">
		<td bgcolor="blue">名称</td>
		<td>概况</td>
	</tr>
	<tr align="center">
		<td width="100" bgcolor="blue">运行时间</td>
		<td width="300">365天</td>
	</tr>
	<tr align="center">
		<td width="100" bgcolor="blue">漏洞补丁</td>
		<td width="300">暂无</td>
	</tr>
	<tr align="center">
		<td width="100" bgcolor="blue">防火墙</td>
		<td width="300">已开启</td>
	</tr>


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

运行实例 »

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

底:

实例

<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head>
	<title>底</title>
</head>
<body>
<p align="center">小凡版权所有</p>
</body>
</html>

运行实例 »

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

添加学习

实例

<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head>
	<title>添加学生</title>
</head>
<body>
<table border="0" cellspacing="1" cellpadding="5" align="center" width="400" bgcolor="powderblue">
	<caption><h2>添加学生</h2></caption>
	<tr>
		<td colspan="2"><hr></td>
	</tr>
	<tr align="center">
		<td><label for="text">姓名</label></td>
		<td><input id="name" type="text" name="name" placeholder="张三" size="30"></td>
	</tr>
	<tr align="center">
		<td>性别</td>
		<td><input type="radio" name="sex" value="m">男<input type="radio" name="sex" value="f" checked="">女</td>
	</tr>
	<tr align="center">
		<td>年级</td>
		<td><select name="lever">
			<option value="0">一年级</option>
			<option value="1">二年级</option>
			<option value="2" selected="">三年级</option>
		</select></td>
	</tr>
<tr align="center">
		<td><label for="phone">头像</label></td>
		
		<td><img src="bd.png" width="50"><input type="file" name="phone" value="phone"></td>
	</tr>
<tr align="center">
		<td><label for="comment">个人简介</label></td>
		<td>
		<textarea  id="comment" type="text" name="comment" placeholder="文明上网" rows="5" cols="10"></textarea></td>
	</tr>

	<tr align="center">
		<td>兴趣</td>
		<td><input type="checkbox" name="1" value="1">篮球<input type="checkbox" name="2" value="2" checked="">html</td>
	</tr>
<hr>
	<tr>
		<td colspan="2" align="center">
			<input type="submit" name="" value="提交">
			<input type="reset" name="" value="重置">
		</td>
		

	</tr>


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

运行实例 »

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

10.png20.png

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