简体中文（ZH-CN）English（EN）繁体中文（ZH-TW）日本語（JA）한국어（KO）Melayu（MS）Français（FR）Deutsch（DE）
Home
Article
Q&A
Course
Topic
Download
Game
Dictionary
Recent Updates

博客列表 >3.20作业

3.20作业

吃不起土的少年的博客
吃不起土的少年的博客原创
2018年03月21日 18:51:36640浏览

实例

admin.html

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>某动漫网站后台管理</title>
</head>
<body>
<!-- 头部 -->
<table border="0" cellpadding="5" align="center" width="960">
<tr>
<td colspan="2">
<iframe src="admin/top.html"  name="top" height="80" width="100%" frameborder="0" scrolling="no"></iframe></td></tr>
<!-- 分割线 -->
<tr><td colspan="2"><hr>
</td>
</tr>
<!-- 左边 -->
<tr>
<td>
<iframe src="admin/left.html" name="left" height="600" width="800" align="center" frameborder="0" scrolling="no">
</iframe>
</td>
<!-- 右边 -->
<td>
<iframe src="admin/right.html" name="right" align="left" height="600" width="140" frameborder="0" scrolling="no"></iframe></td> 
</tr>
<!-- 下分割线 -->
<tr><td colspan="2"><hr></td></tr>
<!-- 底部 -->
<tr>
<td colspan="2">
<iframe src="admin/footer.html" name="footer" align="center"  height="70" width="100%" 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/111.jpg" alt=""></td>
	<td valign="center" width="550"><h2>某动漫网站后台管理</h2>
	</td>
	<td align="right"><a href="">管理员</a>  <a href="" style="color: blue">退出登录</a></td>


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

运行实例 »

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

left:

实例

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

     <tr><th width="160" bgcolor="lightcyan">PHP版本</th>
    <td width="400" align="center">PHP5.6+</td>
    </tr>

     <tr><th width="160" bgcolor="lightcyan">数据库</th>
    <td width="400" align="center">MySQL 5.7</td>
    </tr>

     <tr><th width="160" bgcolor="lightcyan">可用磁盘空间</th>
    <td width="400" align="center">20T</td>
    </tr>

     <tr><th width="160" bgcolor="lightcyan">可用内容</th>
    <td width="400" align="center">60G</td>
    </tr>

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

运行实例 »

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

right:

实例

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>右边栏</title>
</head>
<body bgcolor="grey">
	<h4>用户管理</h4>
	<ul >
	<li ><a href="user.html" target="left">会员查询</a></li>
	<li ><a href="">会员管理</a></li>
	</ul>

	<h4>影片管理</h4>
	<ul >
	<li ><a href="video.html" target="left">影片查询</a></li>
	<li ><a href="">分类管理</a></li>
	</ul>

	<h4>商城订单</h4>
	<ul >
	<li ><a href="order.html" target="left">订单查询</a></li>
	<li ><a href="">分类管理</a></li>
	</ul>

	<h4>系统设置</h4>
	<ul >
	<li ><a href="system.html" target="left">基本配置</a></li>
	<li ><a href="">高级配置</li></a>
	</ul>
</body>
</html>

运行实例 »

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

footer:

实例

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>foot</title>
</head>
<body>
<p align="center">
 <a href="">XLIXLI动漫网（www.xlixli.cn）</a>©版权所有

</p>
	
</body>
</html>

运行实例 »

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

user:

实例

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>会员管理</title>
</head>
<body>
	<table border="1" cellspacing="0" cellpadding="5" align="center" width="80%">
		<caption><h3>会员管理<small><a href="">添加</a></small></h3></caption>
		
		<thead>
		
		<tr bgcolor="grey">
			
			<th>ID</th>
			<th>会员名</th>
			<th>头像</th>
			<th>注册账号</th>
			<th>状态</th>
			<th>注册时间</th>
			<th colspan="2">操作</th>
		</tr>
		<tr align="center">
			<td>01</td>
			<td align="left">不想上班</td>
			<td><img src="../images/1.jpg" width="30"></td>
			<td>123@foxmail.com</td>
			<td>启用</td>
			<td>2018-01-01</td>
			<td>
				<a href=""><img src="../images/edit.jpg" width="30" alt="编辑" title="编辑"></a>
				<a href=""><img src="../images/del.jpg" width="30" alt="删除" title="删除"></a>
			</td>
		</tr>
		<tr align="center">
			<td>02</td>
			<td align="left">不想减肥</td>
			<td><img src="../images/2.jpg" width="30"></td>
			<td>15248@qq.com</td>
			<td>启用</td>
			<td>2016-12-11</td>
			<td>
				<a href=""><img src="../images/edit.jpg" width="30" alt="编辑" title="编辑"></a>
				<a href=""><img src="../images/del.jpg" width="30" alt="删除" title="删除"></a>
			</td>
		</tr>
		<tr align="center">
			<td>03</td>
			<td align="left">蛋碎的青葱</td>
			<td><img src="../images/3.jpg" width="30"></td>
			<td>501720919@qq.com</td>
			<td>禁用</td>
			<td>2018-01-01</td>
			<td>
				<a href=""><img src="../images/edit.jpg" width="30" alt="编辑" title="编辑"></a>
				<a href=""><img src="../images/del.jpg" width="30" alt="删除" title="删除"></a>
			</td>
		</tr>
		<tr align="center">
			<td>04</td>
			<td align="left">bishi</td>
			<td><img src="../images/4.jpg" width="30"></td>
			<td>niubia@164.com</td>
			<td>启用</td>
			<td>2017-05-11</td>
			<td>
				<a href=""><img src="../images/edit.jpg" width="30" alt="编辑" title="编辑"></a>
				<a href=""><img src="../images/del.jpg" width="30" alt="删除" title="删除"></a>
			</td>
		</tr>
		<tr align="center">
			<td>05</td>
			<td align="left">STN</td>
			<td><img src="../images/5.jpg" width="30"></td>
			<td>555555@126.com</td>
			<td>启用</td>
			<td>2017-09-21</td>
			<td>
				<a href=""><img src="../images/edit.jpg" width="30" alt="编辑" title="编辑"></a>
				<a href=""><img src="../images/del.jpg" width="30" alt="删除" title="删除"></a>
			</td>
		</tr>
		</tbody>
		
		

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

运行实例 »

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

video:

实例

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>影片管理</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="grey">
			
			<th>ID</th>
			<th>名称</th>
			<th>封面图</th>
			<th>播放量</th>
			<th>状态</th>
			<th>添加时间</th>
			<th colspan="2">操作</th>
		</tr>
		<tr align="center">
			<td>01</td>
			<td align="left">《kill la Kill》</td>
			<td><img src="../images/11111.jpg" width="30"></td>
			<td>248018115</td>
			<td>完结</td>
			<td>2016-08-01</td>
			<td>
				<a href=""><img src="../images/edit.jpg" width="30" alt="编辑" title="编辑"></a>
				<a href=""><img src="../images/del.jpg" width="30" alt="删除" title="删除"></a>
			</td>
		</tr>
		<tr align="center">
			<td>02</td>
			<td align="left">《verlord》</td>
			<td><img src="../images/2222.jpg" width="30"></td>
			<td>1097814</td>
			<td>连载</td>
			<td>2017-10-12</td>
			<td>
				<a href=""><img src="../images/edit.jpg" width="30" alt="编辑" title="编辑"></a>
				<a href=""><img src="../images/del.jpg" width="30" alt="删除" title="删除"></a>
			</td>
		</tr>
		<tr align="center">
			<td>03</td>
			<td align="left">《食戟之灵》</td>
			<td><img src="../images/3333.jpg" width="30"></td>
			<td>1205151</td>
			<td>完结</td>
			<td>2016-03-01</td>
			<td>
				<a href=""><img src="../images/edit.jpg" width="30" alt="编辑" title="编辑"></a>
				<a href=""><img src="../images/del.jpg" width="30" alt="删除" title="删除"></a>
			</td>
		</tr>
		<tr align="center">
			<td>04</td>
			<td align="left">《灌篮高手》</td>
			<td><img src="../images/4444.jpg" width="30"></td>
			<td>3008181</td>
			<td>完结</td>
			<td>2014-01-13</td>
			<td>
				<a href=""><img src="../images/edit.jpg" width="30" alt="编辑" title="编辑"></a>
				<a href=""><img src="../images/del.jpg" width="30" alt="删除" title="删除"></a>
			</td>
		</tr>
		<tr align="center">
			<td>05</td>
			<td align="left">《蜡笔小新》</td>
			<td><img src="../images/5555.jpg" width="30"></td>
			<td>1022222</td>
			<td>停播</td>
			<td>2015-02-21</td>
			<td>
				<a href=""><img src="../images/edit.jpg" width="30" alt="编辑" title="编辑"></a>
				<a href=""><img src="../images/del.jpg" width="30" alt="删除" title="删除"></a>
			</td>
		</tr>
		</tbody>
		
		

	</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>影片管理</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="grey">
			
			<th>ID</th>
			<th>名称</th>
			<th>封面图</th>
			<th>播放量</th>
			<th>状态</th>
			<th>添加时间</th>
			<th colspan="2">操作</th>
		</tr>
		<tr align="center">
			<td>01</td>
			<td align="left">《kill la Kill》</td>
			<td><img src="../images/11111.jpg" width="30"></td>
			<td>248018115</td>
			<td>完结</td>
			<td>2016-08-01</td>
			<td>
				<a href=""><img src="../images/edit.jpg" width="30" alt="编辑" title="编辑"></a>
				<a href=""><img src="../images/del.jpg" width="30" alt="删除" title="删除"></a>
			</td>
		</tr>
		<tr align="center">
			<td>02</td>
			<td align="left">《verlord》</td>
			<td><img src="../images/2222.jpg" width="30"></td>
			<td>1097814</td>
			<td>连载</td>
			<td>2017-10-12</td>
			<td>
				<a href=""><img src="../images/edit.jpg" width="30" alt="编辑" title="编辑"></a>
				<a href=""><img src="../images/del.jpg" width="30" alt="删除" title="删除"></a>
			</td>
		</tr>
		<tr align="center">
			<td>03</td>
			<td align="left">《食戟之灵》</td>
			<td><img src="../images/3333.jpg" width="30"></td>
			<td>1205151</td>
			<td>完结</td>
			<td>2016-03-01</td>
			<td>
				<a href=""><img src="../images/edit.jpg" width="30" alt="编辑" title="编辑"></a>
				<a href=""><img src="../images/del.jpg" width="30" alt="删除" title="删除"></a>
			</td>
		</tr>
		<tr align="center">
			<td>04</td>
			<td align="left">《灌篮高手》</td>
			<td><img src="../images/4444.jpg" width="30"></td>
			<td>3008181</td>
			<td>完结</td>
			<td>2014-01-13</td>
			<td>
				<a href=""><img src="../images/edit.jpg" width="30" alt="编辑" title="编辑"></a>
				<a href=""><img src="../images/del.jpg" width="30" alt="删除" title="删除"></a>
			</td>
		</tr>
		<tr align="center">
			<td>05</td>
			<td align="left">《蜡笔小新》</td>
			<td><img src="../images/5555.jpg" width="30"></td>
			<td>1022222</td>
			<td>停播</td>
			<td>2015-02-21</td>
			<td>
				<a href=""><img src="../images/edit.jpg" width="30" alt="编辑" title="编辑"></a>
				<a href=""><img src="../images/del.jpg" width="30" alt="删除" title="删除"></a>
			</td>
		</tr>
		</tbody>
		
		

	</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" cellspacing="0" cellpadding="5" align="center">
		<caption>
			<h3>系统配置信息表</h3>
			<hr width="80%">
		</caption>
		<tr>
			<td width="160" align="right"><label for="title">网站标题:</label></td>
			<td width="400" align="left"><input type="text" id="title" name="title" value="" placeholder="不多于28个字符" size="50"></td>
		</tr>
		<tr>
			<td align="right"><label for="keywords">网站关键字:</label></td>
			<td align="left"><input type="text" id="keywords" name="keywords" value="" placeholder="不多于40个字符" size="50"></td>
		</tr>
		<tr>
			<td valign="middle" align="right"><label for="description">网站描述:</label></td>
			<td align="left"><textarea id="description" name="desc" rows="8" cols="40" placeholder="不多于120个字符" style="resize: none;"></textarea></td>
		</tr>
		<tr>
			<td align="center" colspan="2">
				<input type="image" name="submit" src="../images/submit.jpg" width="90">
			</td>
		</tr>
	</table>
</body>
</html>

运行实例 »

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

微信图片_20180321164600.jpg微信图片_20180321164612.jpg

上一条：3月20日作业：用纯HTML制作一个网站后台模板下一条：fieldset 边框框架
声明：本文内容转载自脚本之家，由网友自发贡献，版权归原作者所有，如您发现涉嫌抄袭侵权，请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言，请遵守新闻评论服务协议

相关文章

查看更多