代码：
实例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>学员后台管理系统</title> </head> <body> <table align="center" border="0" cellpadding="0" cellspacing="5" width="80%"> <tr height="60"> <td colspan="2"> <iframe src="top.html" name="top" scrolling="no" width="100%" height="80" align="center" frameborder="0"></iframe> </td> </tr> <tr><td colspan="2" width="100%"><hr></td></tr> <tr> <td> <iframe src="left.html" name="left" scrolling="no" width="25%" height="400" align="center" frameborder="0"></iframe> </td> <td> <iframe src="right.html" name="right" scrolling="no" width="65%" height="400" align="center" frameborder="0"></iframe> </td> </tr> <tr><td colspan="2" width="100%"><hr></td></tr> <tr height="60"> <td colspan="2"> <iframe src="foot.html" name="foot" scrolling="no" width="100%" frameborder="0" align="center"></iframe> </td> </tr> </table> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例
实例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>top</title> </head> <body> <table> <tr> <td valign="top"><img src="../images/logo.jpg" width="60"></td> <td valign="middle" width="80%"><h2>学员后台管理系统</h2></td> <td align="top"><p><a href="">管理员</a> <a href="">退出系统</a></p></td> </tr> </table> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例
实例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>left</title> </head> <body> <h4><img src="../images/student.jpg" width="30">学员管理</h4> <ul type="none"> <li><img src="../images/infor.jpg" width="20"><a href="add.html" target="right">添加学员</a></li> <li><img src="../images/mark.jpg" width="20"><a href="">学员分类</a></li> </ul> <hr> <h4><img src="../images/student.jpg" width="20">成绩管理</h4> <ul type="none"> <li><img src="../images/infor.jpg" width="20"><a href="query.html" target="right">成绩查询</a></li> <li><img src="../images/mark.jpg" width="20"><a href="">成绩分类</a></li> </ul> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例
实例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>默认首页展示</title> </head> <body> <table cellpadding="5" cellspacing="0" border="1" align="center"> <caption><h4>后台信息表</h4></caption> <tr align="center"> <th>后台创建时间</th> <td>2018年3月21日</td> </tr> <tr align="center"> <th>后台使用语言</th> <td>HTML</td> </tr> <tr align="center"> <th>后台版本</th> <td>1.00</td> </tr> </table> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例
实例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>add</title> </head> <body> <table align="center" cellpadding="5" cellspacing="0" border="1"> <caption><h3>学员名单<a href="">添加</a></h3></caption> <tr> <th align="center">学号</th> <th align="center">姓名</th> <th align="center">身高</th> <th align="center">体重</th> <th align="center">照片</th> <th align="center" colspan="2">操作</th> </tr> <tr> <td align="center">20060921</td> <td align="center">jobing</td> <td align="center">168cm</td> <td align="center">62kg</td> <td align="center"><img src="../images/1.jpg" width="20" alt="照片"></td> <td align="center"><a href=""><img src="../images/mod.jpg" alt="修改" width="20"></a></td> <td align="center"><a href=""><img src="../images/del.jpg" alt="删除" width="20"></a></td> </tr> <tr> <td align="center">20080901</td> <td align="center">pp</td> <td align="center">170cm</td> <td align="center">55kg</td> <td align="center"><img src="../images/2.jpg" width="20" alt="照片"></td> <td align="center"><a href=""><img src="../images/mod.jpg" alt="修改" width="20"></a></td> <td align="center"><a href=""><img src="../images/del.jpg" alt="删除" width="20"></a></td> </tr> </table> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例
实例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>query</title> </head> <body> <table align="center" cellspacing="0" cellpadding="5" border="0"> <caption><h3>成绩查询</h3></caption> <tr> <td>学号：</td> <td><input type="text" name="number" placeholder="请输入你的学号"></td> </tr> <tr> <td>姓名：</td> <td><input type="text" name="number" placeholder="请输入你的姓名"></td> </tr> <tr> <td colspan="2" align="center"> <h4>查询 <input type="image" name="submit" src="../images/query.jpg" width="20"></h4> </td> </tr> </table> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例
实例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>foot</title> </head> <body> <p align="center"> <a href="">jobing的后台管理系统</a> ©版权所有 <a href="">备案号：粤ICPXXXXXX</a> </p> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例
效果图展示：
手写代码：
