3.20作业 html网站后台制作 - php 学习之旅

Home > List of blog posts > 3.20作业 html网站后台制作

Blogger Information

Blog 13

fans 0

comment 0

visits 6855

Special Recommendation

More>

Related recommendations

首页代码

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>0320作业</title>
</head>
<body>
	<table border="0" cellpadding="5" cellspacing="0" align="center" width="1000">
		<!-- 头部 -->
		<tr>
			<td colspan="2">
                <iframe src="inc/top.html" name="top" height="75" width="100%" frameborder="0" scrolling="no"></iframe><hr></td>
		</tr>
		<!-- 中间部分 -->
		<tr>

			<td>
				<iframe src="inc/zuo.html" name="zuo" height="700" width="200" frameborder="0" scrolling="no"></iframe>
			</td>
			<td>
				<iframe src="inc/you.html" name="you" height="700" width="760" frameborder="0" scrolling="no" align="left"></iframe>
			</td>
		</tr>
		<!-- 下部分 -->
		<tr>
		   <td colspan="2"><hr></td>
		</tr>
		<tr>
			<td colspan="2">
                <iframe src="inc/di.html" name="di" height="80" width="100%" frameborder="0" scrolling="no"></iframe>
                </td>
		</tr>
	</table>
</body>
</html>

运行实例 »

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

手抄

TIM图片20180324131411.jpg

效果图：

TIM截图20180324121640.png

顶部代码

<!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/1.png" width="60"></td>
              <td width="800" valign="middle"><h2 align="left">步凡在线商城管理系统</h2></td>
              <td valign="bottom" align="right"><p><a href="">登录</a>  <a href="">退出</a></p></td>
	      </tr>
	</table>
</body>
</html>

运行实例 »

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

左边代码

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>zuo</title>
</head>
<body>
<h4><img src="../images/1.png" width="40">用户管理</h4>
	<ul type="none">
	<li><img src="../images/3.png" width="30" target="right"><a href="yonghubianji.html" target="you">用户编辑</a></li>
	<li><img src="../images/4.png" width="30"><a href="">用户查询</a></li>
	</ul>
	<hr>

	<h4><img src="../images/1.png" width="40">后台管理</h4>
	<ul type="none">
	<li><img src="../images/3.png" width="30" target="right"><a href="houtaichaxun.html" target="you">后台查询</a></li>
	<li><img src="../images/4.png" width="30"><a href="">后台修改</a></li>
	</ul>
	<hr>

	<h4><img src="../images/1.png" width="40">数据增添</h4>
	<ul type="none">
	<li><img src="../images/3.png" width="30" target="right"><a href="shujuqingchu.html" target="you">数据清除</a></li>
	<li><img src="../images/4.png" width="30"><a href="">数据查询</a></li>
	</ul>
	<hr>

	<h4><img src="../images/1.png" width="40">会员管理</h4>
	<ul type="none">
	<li><img src="../images/3.png" width="30" target="right"><a href=" " target="">会员查询</a></li>
	<li><img src="../images/4.png" width="30"><a href="">会员修改</a></li>
	</ul>
	<hr>
</body>
</html>

运行实例 »

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

右边默认首页代码

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>you</title>
</head>
<body>
	<table border="1" cellpadding="5" cellspacing="0" align="center">
		
		<p><h3 align="center">用户默认首页</h3></p>
		<hr width="500">
		<tr align="center">
			<th width="100" bgcolor="lightblue">分数</th>
			<td width="300">1000</td>
			<td><a href=""><img src="../images/5.png" width="20"></a> <a href=""><img src="../images/5.png" width="20"></a></td>
		</tr>

		<tr align="center">
			<th width="100" bgcolor="lightblue">高度</th>
			<td width="300">10</td>
			<td><a href=""><img src="../images/5.png" width="20"></a> <a href=""><img src="../images/5.png" width="20"></a></td>
		</tr>

		<tr align="center">
			<th width="100" bgcolor="lightblue">价格</th>
			<td width="300">1000</td>
			<td><a href=""><img src="../images/5.png" width="20"></a> <a href=""><img src="../images/5.png" width="20"></a></td>
		</tr>

		<tr align="center">
			<th width="100" bgcolor="lightblue">分数</th>
			<td width="300">1000</td>
			<td><a href=""><img src="../images/5.png" width="20"></a> <a href=""><img src="../images/5.png" width="20"></a></td>
		</tr>

		<tr align="center">
			<th width="100" bgcolor="lightblue">高度</th>
			<td width="300">10</td>
			<td><a href=""><img src="../images/5.png" width="20"></a> <a href=""><img src="../images/5.png" width="20"></a></td>
		</tr>

		<tr align="center">
			<th width="100" bgcolor="lightblue">价格</th>
			<td width="300">1000</td>
			<td><a href=""><img src="../images/5.png" width="20"></a> <a href=""><img src="../images/5.png" width="20"></a></td>
		</tr>

	</table>
	

</body>
</html>

运行实例 »

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

底部代码

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>di</title>
</head>
<body>
	<p align="center"><a href="">步凡在线商城管理系统</a>  ©版权所有 <a href="">备案号:皖ICP-******* </a></p>
</body>
</html>

运行实例 »

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

左侧选项选择后1

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>yonghubianji</title>
</head>
<body>
	<table border="1" cellpadding="5" cellspacing="0" align="center">
		
		<p><h3 align="center">用户编辑</h3></p>
		<hr width="500">
		<tr align="center">
			<th width="100" bgcolor="lightyellow">编辑</th>
			<td width="300">1000</td>
		</tr>

		<tr align="center">
			<th width="100" bgcolor="lightyellow">高度</th>
			<td width="300">10</td>
		</tr>

		<tr align="center">
			<th width="100" bgcolor="lightyellow">价格</th>
			<td width="300">1000</td>
		</tr>

		<tr align="center">
			<th width="100" bgcolor="lightyellow">分数</th>
			<td width="300">1000</td>
		</tr>

		<tr align="center">
			<th width="100" bgcolor="lightyellow">高度</th>
			<td width="300">10</td>
		</tr>

		<tr align="center">
			<th width="100" bgcolor="lightyellow">价格</th>
			<td width="300">1000</td>
		</tr>

	</table>
	

</body>
</html>

运行实例 »

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

左侧选项选择后2

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>shujuqingchu</title>
</head>
<body>
	<table border="0" align="center" cellpadding="5" cellspacing="0">
		<caption><h3>数据清除</h3><hr width="80%"></caption>
		<tr>
			<td width="100" align="right"><label for="title">编号：</label></td>
			<td align="left" width="300"><input type="text" id="title" name="title" value="" placeholder="标题内容不少于6个字" size="30"></td>
		</tr>
	
		<tr>
			<td align="right"><label for="keywords">内容：</label></td>
			<td align="left"><input type="text" id="keywords" name="keywords" value="" placeholder="buzhid"></td>
		</tr>

		<tr>
			<td valign="middle" align="right"><label for="desc">留言：</label></td>
			<td align="left"><textarea id="desc" name="desc" rows="5" cols="35" placeholder="留言内容"></textarea></td>
		</tr>
		<tr><td align="center" colspan="2">
			<input type="image" name="submit" src="../images/3.png" >
		</td></tr>
	</table>
</body>
</html>

运行实例 »

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

左侧选项选择后3

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>houtaichaxun</title>
</head>
<body>
	<table border="1" cellpadding="5" cellspacing="0" align="center" width="650">
		<caption><h3>后台客户查询</h3></caption>
		<tr bgcolor="lightyellow">
		<th>用户名</th>
		<th>性别</th>
		<th>年龄</th>
		<th>籍贯</th>
		<th>地址</th>
		</tr>

		<tr align="center"><td colspan="2">这是两格合并</td>
		<td colspan="2">这是格合并</td>
		<td>合并</td></tr>
		<tr align="center">
		<td>李庄</td>
		<td>男</td>
		<td>23</td>
		<td>安徽</td>
		<td>未知</td>
		</tr>

		<tr align="center">
		<td>吴天</td>
		<td>男</td>
		<td>28</td>
		<td>深圳</td>
		<td>凤岗</td>
		</tr>
<tr align="center">
		<td>李晓磊</td>
		<td>男</td>
		<td>25</td>
		<td>上海</td>
		<td>浦东</td>
		</tr>
<tr align="center">
		<td>王璐</td>
		<td>女</td>
		<td>27</td>
		<td>河南</td>
		<td>郑州</td>
		</tr>

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

运行实例 »

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

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

JavaScript初识相册和计算器——2018年3月29日

2018-04-08 19:05:40