博客列表 >3-20作业 后台HTML

3-20作业 后台HTML

十一
十一原创
2018年03月21日 19:34:59639浏览

图片:

QQ图片20180321193153.png

实例

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>在线商城后台管理系统</title>
</head>
<body>
	<table border="0" cellspacing="1" cellpadding="5" align="center" width="960">
		<tr height="60">
			<td colspan="2">
				<iframe src="inc/top.html" name="top" height="70" width="100%" frameborder="0" align="center" scrolling="no"></iframe>
			</td>
		</tr>
		<tr>
			<td>
				<iframe src="inc/left.html" name="left" height="600" width="140"
				frameborder="0" align="center" scrolling="no"></iframe>
			</td>
			<td>
				<iframe src="inc/right.html" name="right" height="600" width="800" align="left" frameborder="0" scrolling="no"></iframe>
			</td>
		</tr>
		<tr>
			<td colspan="2">
				<iframe src="inc/foot.html" name="foot" height="70" width="100%" align="center" frameborder="0" scrolling="no"></iframe>
			</td>
		</tr>
	</table>
</body>
</html>

运行实例 »

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

TOP

实例

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>top</title>
</head>
<body>
	<table border="0">
		<tr>
			<td valign="middle"><img src="../images/logo.png" width="60"></td>
			<td width="650" valign="middle"><h2 align="left">XX科技有限公司管理后台</h2></td>
			<td align="right" valign="bottom"> <p><a href="">admin</a>  <a href="">退出</a></p></td>
		</tr>
	</table>
	
</body>
</html>

运行实例 »

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

left:

实例

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>left</title>
</head>
<body>
	<h4><img src="../images/gg.png" width="25">公告通知</h4>
	<ul type="none">
		<li><img src="../images/edit.png" width="20"><a href="gg.html" target="123">发布公告</a></li>
		<li><img src="../images/edit.png" width="20"><a href="gg.html" target="123">公告管理</a></li>

	</ul>
	<h4><img src="../images/cp.png" width="25">产品管理</h4>
	<ul type="none">
		<li><img src="../images/edit.png" width="20"><a href="gg.html" target="123">产品发布</a></li>
		<li><img src="../images/edit.png" width="20"><a href="gg.html" target="123">产品管理</a></li>
	</ul>
		<h4><img src="../images/user.png" width="25">用户管理</h4>
	<ul type="none">
		<li><img src="../images/edit.png" width="20"><a href="gg.html" target="123">用户查询</a></li>
		<li><img src="../images/edit.png" width="20"><a href="gg.html" target="123">权限配置</a></li>
	</ul>
	<h4><img src="../images/set.png" width="25">系统设置</h4>
	<ul type="none">
		<li><img src="../images/edit.png" width="20"><a href="gg.html" target="123">基础设置</a></li>
		<li><img src="../images/edit.png" width="20"><a href="gg.html" target="123">高级设置</a></li>
</body>
</html>

运行实例 »

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

right

实例

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>默认后台首页</title>
</head>
<body>
	
	<table border="1" cellspacing="1" cellpadding="5" align="center">
		<caption><h3>服务器信息</h3></caption>
		<tr>
			<th width="160" bgcolor="lightcyan">服务器</th>
			<td width="400">Apache 2.8.1</td>
		</tr>
		<tr>
			<th bgcolor="lightcyan">PHP版本</th>
			<td>PHP 5.6+</td>
		</tr>
		<tr>
			<th bgcolor="lightcyan">数据库</th>
			<td>MYSQL 5.7</td>
		</tr>
			<tr>
			<th bgcolor="lightcyan">可用磁盘空间</th>
			<td>M395G</td>
		</tr>
			<tr>
			<th bgcolor="lightcyan">可用内存</th>
			<td>3.2G</td>
		</tr>
	</table>
</body>
</html>

运行实例 »

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

footer

实例

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>foot</title>
</head>
<body>
<p align="center">
	<a href="">XX科技有限公司登陆系统</a>   ©版权所有  
	<a href="">备案号:蜀ICP8752988号</a>
</p>	
</body>
</html>

运行实例 »

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

手抄 进行中:

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