首页代码
<!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>
运行实例 »
点击 "运行实例" 按钮查看在线实例
手抄
效果图：
顶部代码
<!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>
运行实例 »
点击 "运行实例" 按钮查看在线实例
