博客列表 >20180320-前端-作业

20180320-前端-作业

MrZ的博客
MrZ的博客原创
2018年03月21日 12:59:11842浏览

首页:

实例

<!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

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议