主界面
实例
<!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>
运行实例 »
点击 "运行实例" 按钮查看在线实例