index.html
实例
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body bgcolor="#64cad0"> <table border="0" cellpadding="10" cellspacing="0" width="1000"> <tr> <td colspan="2"> <iframe src="inc/top.html" width="100%" height="100" scrolling="no" frameborder="0"></iframe> </td> </tr> <tr> <td > <iframe src="inc/left.html" width="140" height="500" scrolling="no" frameborder="0"></iframe> </td> <td > <iframe src="inc/main.html" name="main" width="800" height="500" scrolling="no" frameborder="0"></iframe> </td> </tr> <tr> <td colspan="2"> <iframe src="inc/foot.html" width="100%" height="80" scrolling="no" frameborder="0"></iframe> </td> </tr> </table> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例
left.html
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>左侧菜单导航</title> </head> <body> <p><h4>系统管理</h4></p> <ul type="none"> <li><img src="../images/home.png" alt="" width="20"><a href="main.html" target="main">后台首页</a></li> <li><img src="../images/set.png" alt="" width="20"><a href="">网站设置</a></li> <li><img src="../images/set1.png" alt="" width="20"><a href="">高级设置</a></li> </ul> <p><h4>后台管理</h4></p> <ul type="none"> <li><img src="../images/windows.png" alt="" width="20"><a href="">管理员</a></li> <li><img src="../images/rizhi.png" alt="" width="20"><a href="">后台日志</a></li> </ul> <p><h4>用户管理</h4></p> <ul type="none"> <li><img src="../images/user.png" alt="" width="20"><a href="">会员列表</a></li> <li><img src="../images/level.png" alt="" width="20"><a href="">等级设置</a></li> </ul> <p><h4>游戏管理</h4></p> <ul type="none"> <li><img src="../images/game.png" alt="" width="20"><a href="">游戏列表</a></li> <li><img src="../images/cz.png" alt="" width="20"><a href="">充值记录</a></li> </ul> </body> </html>
top.html
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> <table width=100%> <tr> <td width=160> <img src="../images/logo.png" alt="logo" width="150" height="60"> </td> <td> <h2>游戏管理后台</h3> </td> <td> <a href="">admin</a> <a href="">退出</a> </td> </tr> </table> </body> </html>
foot.html
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> <p> <a href="">PHP中文网</a> ©版权所有 <a href="">备案号：粤ICP:8d5df</a> </p> </body> </html>
main.html
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body bgcolor="white" style="font-family:微软雅黑;font-size:13px"> <table width=100%> <tr> <td bgcolor="#b36fe6"><br>今日注册人数 <br><br>127人<br><br></td> <td bgcolor="#f87676"><br>今日登录人数 <br><br>352人<br><br></td> <td bgcolor="#ff9b45"><br>今日游戏人数 <br><br>1,896人<br><br></td> <td bgcolor="#3697e8"><br>今日充值金额 <br><br>624,585元<br><br></td> <td bgcolor="#40c778"><br>今日礼包兑换数 <br><br>1,985个<br><br></td> </tr> </table> <table width="100%" border="1" cellspacing="0" cellpadding="4"> <caption><h3>用户数据排行</h2></caption> <tr> <th>排行</th> <th>用户</th> <th>游戏名称</th> <th>服务器</th> <th>角色名</th> <th>游戏等级</th> <th>今日充值金额</th> <th>总充值金额</th> </tr> <tr> <td>1</td> <td>zs89662211</td> <td>牛牛</td> <td>服务器A</td> <td>传说</td> <td>214</td> <td>520元</td> <td>203,495元</td> </tr> <tr> <td>2</td> <td>dd435553</td> <td>炸金花</td> <td>服务器A</td> <td>传说</td> <td>212</td> <td>520元</td> <td>203,495元</td> </tr> <tr> <td>3</td> <td>mand333</td> <td>炸金花</td> <td>服务器A</td> <td>传说</td> <td>201</td> <td>520元</td> <td>203,495元</td> </tr> <tr> <td>4</td> <td>lijunaini</td> <td>炸金花</td> <td>服务器A</td> <td>传说</td> <td>228</td> <td>520元</td> <td>203,495元</td> </tr> <tr> <td>5</td> <td>zhejiajia888</td> <td>掼蛋</td> <td>服务器A</td> <td>传说</td> <td>117</td> <td>520元</td> <td>203,495元</td> </tr> <tr> <td>6</td> <td>md2055</td> <td>牛牛</td> <td>服务器A</td> <td>传说</td> <td>122</td> <td>520元</td> <td>203,495元</td> </tr> <tr> <td>7</td> <td>mdnfaa58</td> <td>炸金花</td> <td>服务器A</td> <td>传说</td> <td>127</td> <td>520元</td> <td>203,495元</td> </tr> <tr> <td>8</td> <td>qazqazzxc</td> <td>80分</td> <td>服务器A</td> <td>传说</td> <td>98</td> <td>520元</td> <td>203,495元</td> </tr> <tr> <td>9</td> <td>zs89662211</td> <td>炸金花</td> <td>服务器A</td> <td>传说</td> <td>95</td> <td>520元</td> <td>203,495元</td> </tr> <tr> <td>10</td> <td>zs89662211</td> <td>炸金花</td> <td>服务器A</td> <td>传说</td> <td>99</td> <td>520元</td> <td>203,495元</td> </tr> </table> </body> </html>
