3月20日作业 - 每日作业

Home > List of blog posts > 3月20日作业

Blogger Information

Blog 33

fans 0

comment 0

visits 24501

Special Recommendation

More>

Related recommendations

实例

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>充气娃娃商城后台管理系统</title>
</head>
<body>
	<!-- 后台分为上中下三部分，中间又分为左右两部分，用表格来布局 -->
	<table border="0" align="center" width="960" cellpadding="5" cellspacing="0">

		<tr>
			<td colspan="2"><iframe src="inc/top.html" name="top" width="100%" height="70" frameborder="0" scrolling="no"></iframe></td>
		</tr>

		<tr>
			<td colspan="2"><hr></td>
		</tr>
		
		<tr>
			<td><iframe src="inc/left.html" name="left"  height="600" width="140" frameborder="0" scrolling="no" align="center"></iframe></td>

			<td><iframe src="inc/default.html" name="right" height="600" width="800" frameborder="0" scrolling="no" align="center"></iframe></td>
		</tr>

		<tr>
			<td colspan="2"><hr></td>
		</tr>

		<tr><td colspan="2"><iframe src="inc/footer.html" name="footer" width="100%" height="70" frameborder="0" scrolling="no"></iframe></td></tr>
	</table>
</body>
</html>

运行实例 »

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

TOP代码：

实例

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>头部</title>
</head>
<body>
	<table>
		<tr>
			<td valign="middle"><img src="../image/logo.jpg" width="30"></td>
			<td width="800"><h2>充气娃娃商城后台管理系统</h2></td>
			<td align="right">
				<a href="">admin</a> 
				<a href="">退出</a>
			</td>
		</tr>
	</table>
</body>
</html>

运行实例 »

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

left代码：

实例

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>左侧目录栏</title>
</head>
<body>
	<h3><img src="../image/user.jpg" width="30">用户管理</h3>
	<ul type="none">
		<li><img src="../image/file.jpg" width="20"><a href="user.html" target="right">用户查询</a></li>
		<li><img src="../image/file.jpg" width="20"><a href="">分类管理</a></li>
	</ul>
	<hr>
     <!-- 2 -->
	<h3><img src="../image/folder.jpg" width="30">商品管理</h3>
	<ul type="none">
		<li type="none"><img src="../image/file.jpg" width="20"><a href="foods.html" target="right">商品查询</a></li>
		<li><img src="../image/file.jpg" width="20"><a href="">分类管理</a></li>
	</ul>
	<hr>
    <!-- 3 -->
	<h3><img src="../image/folder.jpg" width="30">订单管理</h3>
	<ul type="none">
		<li><img src="../image/file.jpg" width="20"><a href="order.html" target="right">订单查询</a></li>
		<li><img src="../image/file.jpg" width="20"><a href="">分类管理</a></li>
	</ul>
	<hr>

	<h3><img src="../image/set.jpg" width="30">系统设置</h3>
	<ul type="none">
		<li><img src="../image/file.jpg" width="20"><a href="peizhi.html" target="right">基本设置</a></li>
		<li><img src="../image/file.jpg" width="20"><a href="">高级设置</a></li>
	</ul>
	<hr>

</body>
</html>

运行实例 »

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

default代码：

实例

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>后台默认首页</title>
</head>
<body>
	<table align="center" border="1" cellspacing="0" cellpadding="5">
		<caption><h3>系统配置信息表</h3></caption>
		<tr>
			<th bgcolor="yellow" width="160">服务器</th>
			<td width="400">Apache2.15</td>
		</tr>

		<tr>
			<th bgcolor="yellow" width="160">PHP版</th>
			<td width="400">PHP2.15</td>
		</tr>

		<tr>
			<th bgcolor="yellow" width="160">数据库</th>
			<td width="400">mysql2.15</td>
		</tr>

		<tr>
			<th bgcolor="yellow" width="160">可用磁盘空间</th>
			<td width="400">395G</td>
		</tr>

		<tr>
			<th bgcolor="yellow" width="160">可用内容</th>
			<td width="400">3.2G</td>
		</tr>


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

运行实例 »

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

footer代码：

实例

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>footer</title>
</head>
<body>
	<p align="center">
	<a href="">充气娃娃官网</a>  ©版权所有
	<a href="">备案号：沪ICP1203</a>
	</p>
</body>
</html>

运行实例 »

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

foods代码：

实例

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	
<table border="1" cellspacing="0" cellpadding="5" align="center" width="80%">
	<caption><h3>商品管理<small><a href="">添加</a></small></h3></caption>
	<tr bgcolor="yellow">
		<th>ID</th>
		<th>名称</th>
		<th>缩略图</th>
		<th>价格</th>
		<th>状态</th>
		<th>添加时间</th>
		<th>操作</th>
	</tr>

	<tr>
		<td>01</td>
		<td>充气娃娃</td>
		<td><img src="../image/1.jpg" width="30"></td>
		<td>22399</td>
		<td>正常</td>
		<td>2017-5-6</td>
		<td>
			<a href=""><img src="../image/edit.jpg" width="30"></a>
			<a href=""><img src="../image/del.jpg" width="30"></a>
		</td>
	</tr>

	<tr>
		<td>01</td>
		<td>充气娃娃</td>
		<td><img src="../image/1.jpg" width="30"></td>
		<td>22399</td>
		<td>正常</td>
		<td>2017-5-6</td>
		<td>
			<a href=""><img src="../image/edit.jpg" width="30"></a>
			<a href=""><img src="../image/del.jpg" width="30"></a>
		</td>
	</tr>

	<tr>
		<td>01</td>
		<td>充气娃娃</td>
		<td><img src="../image/1.jpg" width="30"></td>
		<td>22399</td>
		<td>正常</td>
		<td>2017-5-6</td>
		<td>
			<a href=""><img src="../image/edit.jpg" width="30"></a>
			<a href=""><img src="../image/del.jpg" width="30"></a>
		</td>
	</tr>

	<tr>
		<td>01</td>
		<td>充气娃娃</td>
		<td><img src="../image/1.jpg" width="30"></td>
		<td>22399</td>
		<td>正常</td>
		<td>2017-5-6</td>
		<td>
			<a href=""><img src="../image/edit.jpg" width="30"></a>
			<a href=""><img src="../image/del.jpg" width="30"></a>
		</td>
	</tr>
	
	
	
</table>
<p align="center">
	<a href="">首页</a>
<a href="">上一页</a>
<a href="">1</a>
<a href="">2</a>
<a href="">3</a>
<a href="">...</a>
<a href="">下一页</a>
<a href="">尾页</a>
</p>

</body>
</html>

运行实例 »

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

user代码：

实例

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	
<table border="1" cellspacing="0" cellpadding="5" align="center" width="80%">
	<caption><h3>用户管理<small><a href="">添加</a></small></h3></caption>
	<tr bgcolor="lightblue">
		<th>ID</th>
		<th>用户名</th>
		<th>头像</th>
		<th>邮箱</th>
		<th>状态</th>
		<th>注册时间</th>
		<th>操作</th>
	</tr>

	<tr>
		<td>01</td>
		<td>波多野结衣</td>
		<td><img src="../image/1.jpg" width="30"></td>
		<td>222@php.com</td>
		<td>启用</td>
		<td>2017-5-6</td>
		<td>
			<a href=""><img src="../image/edit.jpg" width="30"></a>
			<a href=""><img src="../image/del.jpg" width="30"></a>
		</td>
	</tr>
	
	<tr>
		<td>01</td>
		<td>波多野结衣</td>
		<td><img src="../image/1.jpg" width="30"></td>
		<td>222@php.com</td>
		<td>启用</td>
		<td>2017-5-6</td>
		<td>
			<a href=""><img src="../image/edit.jpg" width="30"></a>
			<a href=""><img src="../image/del.jpg" width="30"></a>
		</td>
	</tr>

	<tr>
		<td>01</td>
		<td>波多野结衣</td>
		<td><img src="../image/1.jpg" width="30"></td>
		<td>222@php.com</td>
		<td>启用</td>
		<td>2017-5-6</td>
		<td>
			<a href=""><img src="../image/edit.jpg" width="30"></a>
			<a href=""><img src="../image/del.jpg" width="30"></a>
		</td>
	</tr>

	<tr>
		<td>01</td>
		<td>波多野结衣</td>
		<td><img src="../image/1.jpg" width="30"></td>
		<td>222@php.com</td>
		<td>启用</td>
		<td>2017-5-6</td>
		<td>
			<a href=""><img src="../image/edit.jpg" width="30"></a>
			<a href=""><img src="../image/del.jpg" width="30"></a>
		</td>
	</tr>

	<tr>
		<td>01</td>
		<td>波多野结衣</td>
		<td><img src="../image/1.jpg" width="30"></td>
		<td>222@php.com</td>
		<td>启用</td>
		<td>2017-5-6</td>
		<td>
			<a href=""><img src="../image/edit.jpg" width="30"></a>
			<a href=""><img src="../image/del.jpg" width="30"></a>
		</td>
	</tr>

	
</table>
<p align="center">
	<a href="">首页</a>
<a href="">上一页</a>
<a href="">1</a>
<a href="">2</a>
<a href="">3</a>
<a href="">...</a>
<a href="">下一页</a>
<a href="">尾页</a>
</p>

</body>
</html>

运行实例 »

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

order代码：

实例

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	
<table border="1" cellspacing="0" cellpadding="5" align="center" width="80%">
	<caption><h3>订单管理<small><a href="">添加</a></small></h3></caption>
	<tr bgcolor="yellow">
		<th>ID</th>
		<th>名称</th>
		<th>缩略图</th>
		<th>价格</th>
		<th>状态</th>
		<th>添加时间</th>
		<th>操作</th>
	</tr>

	<tr>
		<td>01</td>
		<td>充气娃娃</td>
		<td><img src="../image/1.jpg" width="30"></td>
		<td>22399</td>
		<td>正常</td>
		<td>2017-5-6</td>
		<td>
			<a href=""><img src="../image/edit.jpg" width="30"></a>
			<a href=""><img src="../image/del.jpg" width="30"></a>
		</td>
	</tr>

	<tr>
		<td>01</td>
		<td>充气娃娃</td>
		<td><img src="../image/1.jpg" width="30"></td>
		<td>22399</td>
		<td>正常</td>
		<td>2017-5-6</td>
		<td>
			<a href=""><img src="../image/edit.jpg" width="30"></a>
			<a href=""><img src="../image/del.jpg" width="30"></a>
		</td>
	</tr>

	<tr>
		<td>01</td>
		<td>充气娃娃</td>
		<td><img src="../image/1.jpg" width="30"></td>
		<td>22399</td>
		<td>正常</td>
		<td>2017-5-6</td>
		<td>
			<a href=""><img src="../image/edit.jpg" width="30"></a>
			<a href=""><img src="../image/del.jpg" width="30"></a>
		</td>
	</tr>

	<tr>
		<td>01</td>
		<td>充气娃娃</td>
		<td><img src="../image/1.jpg" width="30"></td>
		<td>22399</td>
		<td>正常</td>
		<td>2017-5-6</td>
		<td>
			<a href=""><img src="../image/edit.jpg" width="30"></a>
			<a href=""><img src="../image/del.jpg" width="30"></a>
		</td>
	</tr>
	
	
	
</table>
<p align="center">
	<a href="">首页</a>
<a href="">上一页</a>
<a href="">1</a>
<a href="">2</a>
<a href="">3</a>
<a href="">...</a>
<a href="">下一页</a>
<a href="">尾页</a>
</p>

</body>
</html>

运行实例 »

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

system代码：

实例

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>基本配置</title>
</head>
<body>
	<table border="0" cellpadding="5" cellspacing="0" align="center">
		<caption><h3>系统配置信息表格</h3></caption>
		<tr><td colspan="2"><hr></td></tr>
		<tr>
			<td><label for="title">网站标题:</label></td>
			<td><input type="text" name="title" width="100" placeholder="多好玩我哦好问候" id="title"></td>
		</tr>

		<tr>
			<td><label for="key">网站关键字:</label></td>
			<td><input type="text" name="key" width="100" placeholder="的文化符号" id="key"></td>
		</tr>

		<tr>
			<td><label for="spci">网站描述:</label></td>
			<td><textarea cols="40" rows="5" placeholder="多好玩我我去干活覅偶前往合肥" name="spci" id="soci"></textarea></td>
		</tr>

		<tr>
			<td colspan="2" align="center"><input type="image" name="submit" src="../image/submit.jpg" width="100"></td>
		</tr>

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

运行实例 »

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

手抄代码：

Correction status：Uncorrected

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

3月15日作业

2018-03-16 17:03:32