index.html 实例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>后台管理系统</title> </head> <body> <table border="0" cellpadding="1" cellspacing="5" align='center' width='100%'> <tr height='80'> <td colspan=2><iframe src='top.html' name='top' height='80' width='100%' align='center' scrolling="no" frameborder="0"></iframe></td></tr> <tr> <td> <iframe src='left.html' name='left' height='450' width='140' align='center' scrolling="no" frameborder="0"></iframe> </td> <td><iframe src='right.html' name='right' height='450' width='800' frameborder="0" scrolling="no" align='left'></iframe> </td> </tr> <!-- 底部框架 --> <tr> <td colspan="2" > <iframe src="footer.html" name='footer' height='95' width='100%' frameborder="0" scrolling="no" align="center"></iframe> </td> </tr> </table> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例
top.html实例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>后台管理-顶部</title> </head> <body bgcolor='#000000'> <table cellpadding="0" cellspacing="8" > <tr> <td align="left" width='50%'><img src='http://www.php.cn/tpl/Index/Static/css/img/common/logo.png' height='45'></td> <td> <table cellpadding="0" cellspacing="18" ><tr><td><a href="right.html" target="right" style="color:#ffffff;" >首页</a> </td> <td ><span style="color:#ffffff;">视频教程</span></td> <td ><span style="color:#ffffff;">社区问答</span></td> <td ><span style="color:#ffffff;">技术文章</span></td> <td><span style="color:#ffffff;">手册下载</span></td> <td ><span style="color:#ffffff;">工具下载</span></td></tr></table></td></tr></table> </tr> </table> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例
footer.html实例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>后台管理-顶部</title> </head> <body bgcolor='#000000'> <table cellpadding="0" cellspacing="8" > <tr align="left" > <td><span style="color:#ffffff;">网站首页</span></td> <td><span style="color:#ffffff;">PHP视频</span></td> <td><span style="color:#ffffff;">PHP实战</span></td> <td><span style="color:#ffffff;">PHP代码</span></td> <td><span style="color:#ffffff;">PHP手册</span></td> <td><span style="color:#ffffff;">词条</span></td> <td><span style="color:#ffffff;">手记</span></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> <tr><td colspan="13"> <span style="color:#DCDCDC;">PHP中文网：独家原创，永久免费的在线php视频教程，php技术学习阵地！</span> </td> </tr> <tr><td colspan="9"> <span style="color:#DCDCDC;">Copyright 2014-2017 http://www.php.cn/ All Rights Reserved | 皖B2-20150071-9</span> </td> <td><span style="color:#DCDCDC;">免责申明</span></td> <td><span style="color:#DCDCDC;">广告服务</span></td> <td><span style="color:#DCDCDC;">联系我们</span></td> <td><span style="color:#DCDCDC;">赞助与捐赠</span></td> </tr> </table> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例
left.html实例
实例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>管理页面-菜单</title> </head> <body> <table border="0" cellpadding="0" cellspacing="5" align="center"> <tr> <td> <a href="right.html" target="right">主页</a> </td></tr> <tr> <td><hr > </td> </tr> <tr> <td> <a href="courses.html" target="right">课程</a> </td> </tr> <tr> <td> <hr> </td> </tr> <tr> <td> <a href="asks.html" target="right">社区</a> </td> </tr> <tr> <td> <hr> </td> </tr> <tr> <td> <a href="blog.html" target="right">博客</a> </td> </tr> <tr> <td> <hr> </td> </tr> <tr> <td> <a href="finance.html" target="right">收入</a> </td> </tr> </table> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例
right.html实例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>内容页</title> </head> <body> <p>博客管理 - 博文管理</p> <hr> <pre>数据总览 今日 5.00P豆昨日 0P豆本周 30.00P豆本月 40.00P豆上月 0P豆今年 50.50P豆去年 0P豆总数 50.50P豆</pre> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例
效果图
手抄图：
