博客列表 >森田的博客3.20

森田的博客3.20

AsNwds_MIS王的博客
AsNwds_MIS王的博客原创
2018年03月21日 19:56:51772浏览

主界面

实例

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>京东会员管理系统</title>
</head>
<body>
	<table border="0" cellpadding="5" cellspacing="0" align="center" width="100%" >
		<tr>
			<th colspan="2">
				<iframe src="q/321/top.html" name="top" height="120" width="100%" scrolling="no" frameborder="0"></iframe>
				
			</th>
		</tr>
		<tr>
			<th rowspan="2">
				<iframe src="q/321/left.html" name="left" frameborder="0" height="700" width="200" scrolling="no" align="center"></iframe>
			</th>
			<th>
				<iframe src="q/321/right.html" name="right1" frameborder="0" height="200" width="780" scrolling="no" align="center"></iframe>
			</th>
		</tr>
		<tr>
			<th>
				<iframe src="q/321/right1.html" name="right2" frameborder="0" height="500" width="780" scrolling="no" align="center"></iframe>
			</th>
		</tr>
		<tr>
			<td colspan="2">
				<iframe src="q/321/foot.html" frameborder="0" name="foot" height="70" width="100%" scrolling="no" ></iframe>
			</td>
		</tr>

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

运行实例 »

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

top.html

实例

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>top</title>
</head>
<body>
	<table border="0" bgcolor="red" width="100%" height="95">
		<tr>
			<th valign="top"  rowspan="2" align="left"><img src="11.jpg" alt="京东" width="100"> </th>
			<th rowspan="2" valign="top" width="600"><h1 style="color:white;font-size:50px">京东</h1></th>
			<th valign="top" ><h2 style="color:white">我的京东</h2></th>
		</tr>
		<tr>
			<th  valign="bottom"><input type="submit" name="submit" value="返回京东首页"></th>
		</tr>
	</table>
</body>
</html>

运行实例 »

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

left.html

实例

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>left</title>
</head>
<body>
	<h3><img src="25.png" alt="" width="30">订单中心</h3>
	<ul type="none">
		<li><a href="dingdan.html" target="right2">我的订单</a></li>
		<li><a href="">我的活动</a></li>
		<li><a href="">评价晒单</a></li>
		<li><a href="">常购商品</a></li>
	</ul>
	<h3><img src="35.png" width="30">关注中心</h3>
	<ul type="none">
		<li><a href="dingdan1.html" target="right2">关注的商品</a></li>
		<li><a href="">关注的店铺</a></li>
		<li><a href="">关注的专辑</a></li>
		<li><a href="">关注的活动</a></li>
	</ul>
	<h3><img src="22.png" width="30" alt="">资产中心</h3>
	<ul type="none">
		<li><a href="gold.html" target="right2">我的金库</a></li>
		<li><a href="">我的白条</a></li>
		<li><a href="">我的金条</a></li>
		<li><a href="">我的京豆</a></li>
	</ul>
</body>
</html>

运行实例 »

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

right.html

实例

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>首页</title>
</head>
<body>
	<img src="123.png" alt="">
</body>
</html>

运行实例 »

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

dingdan.html

实例

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>dingdan</title>
</head>
<body>
	<table border="1" cellpadding="8" cellspacing="0" width="100%" align="center">
		<tr>
			<th colspan="6" bgcolor="lightgray" align="left"> 日期:2018-03-20 订单号:1234567
			</th>
		</tr>
		<tr>
			<th><img src="w.jpg" alt=""></th>
			<th>王森田</th>
			<th>100.0</th>
			<th>已完成</th>
			<th><a href="">编辑</a></th>
            <th><a href="">删除</a></th>
		</tr>
		<tr>
			<th colspan="6" bgcolor="lightgray" align="left"> 日期:2018-03-21 订单号:09090909
			</th>
		</tr>
		<tr>
			<th><img src="q.jpg" alt=""></th>
			<th>森田</th>
			<th>120.0</th>
			<th>待收货</th>
			<th><a href="">编辑</a></th>
            <th><a href="">删除</a></th>
		</tr>
	</table>
			<p align="center">

          <a href="">首页</a>

          <a href="">上一页</a>

          <a href="">下一页</a>

          <a href="">...</a>

          <a href="">尾页</a>

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

运行实例 »

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

dingdian1.html

实例

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>关注商品</title>
</head>
<body>
	<table border="0" cellspacing="0" cellpadding="8" width="100%" align="center">
	<tr>
		<th><img src="e.jpg" alt=""></th>
		<th align="center" >100.00</th>
		<th align="center" ><a href="">降价通知</a></th>
	</tr>
	<tr>
		<th><img src="r.jpg" alt=""></th>
		<th align="center" >200.00</th>
		<th align="center" ><a href="">降价通知</a></th>
	</tr>
	</table>
		<p align="center">

          <a href="">首页</a>

          <a href="">上一页</a>

          <a href="">下一页</a>

          <a href="">...</a>

          <a href="">尾页</a>

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

运行实例 »

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

gold.html

实例

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>gold</title>
</head>
<body>
	<table border="1" cellspacing="0" cellpadding="8" width="90%" align="center">
	<h1 align="center">个人京东小金库</h1> </body>
		<tr>
			<th colspan="2" bgcolor="lightblue">基本资料填写</th>
		</tr>
			<tr>
			<th bgcolor="lightgray">姓名:</th>
			<th align="left"><input type="text" name="name" value=""></th>
		</tr>
		<tr>
				<th bgcolor="lightgray">证件号码:</th>
			<th align="left"><input type="text" name="number" value=""></th>
		</tr>
		<tr>
				<th bgcolor="lightgray">存入金额:</th>
			<th align="left"><input type="text" name="number" value=""></th>
		</tr>
			<tr>
			<th bgcolor="lightgray">身份证照片:</th>
			<th colspan="2" align="left" ><input type="file" name="photo" accept="images/*"></th>
		</tr>
		<tr>
			<th colspan="2" bgcolor="lightblue">
			<input type="submit" name="submit" value="提交">
			   
			<input type="reset" name="reset" value="重填">
			   
			<input type="submit" name="close" value="关闭">
			</th>
		</tr>

</html>

运行实例 »

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

foot.html

实例

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>foot</title>
</head>
<body>
	<p align="center">
		<a href="">京公安备******号</a>©2004-2018|京东</p>
	</p>
	
</body>
</html>

运行实例 »

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

微信图片_20180321195556.jpg

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