3月20日作业
实例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>一租租房管理系统后台</title> </head> <body bgcolor=""> <table border="0" cellspacing="1" cellpadding="5" align="center" width="1200" background="../images/bg.jpg" > <!-- 顶部 --> <tr height=60> <td colspan="2" bgcolor="lightblue"> <iframe src="inc/top.html" name="top" height="70" width="100%" frameborder="0" align="center" scrolling="no"></iframe> </td> </tr> <!-- 分割线 --> <tr bgcolor="lightblue"><td width="100%" colspan="2"><hr></td></tr> <!-- 中间主体 --> <tr> <!-- 左边部分 --> <td bgcolor="lightblue"> <iframe src="inc/left.html" name="left" height="600" width="140" frameborder="0" align="center" scrolling="no"></iframe> </td> <!-- 右边部分 --> <td bgcolor="lightcyan"> <iframe src="inc/default.html" name="right" height="600" width="800" frameborder="0" align="left" scrolling="no"></iframe> </td> </tr> <!-- 分割线 --> <tr bgcolor="lightblue"><td width="100%" colspan="2"><hr></td></tr> <!--底部 --> <tr> <td colspan="2" bgcolor="lightblue"> <iframe src="inc/footer.html" name="footer" height="70" width="100%" frameborder="0" align="center"></iframe> </td> </tr> </table> </body> </html>
实例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>默认后台首页</title> </head> <body> <table border="1" cellspacing="0" cellpadding="5" align="center" bgcolor="LightSeaGreen"> <caption><h3>系统配置信息表</h3></caption> <tr> <th width="160" bgcolor="lightcyan">服务器</th> <td width="400">Apache 2.8.1</td> </tr> <tr> <th bgcolor="lightcyan">PHP版本</th> <td>PHP5.6+</td> </tr> <tr> <th bgcolor="lightcyan">数据库</th> <td>MySQL 5.7</td> </tr> <tr> <th bgcolor="lightcyan">可用磁盘空间</th> <td>395G</td> </tr> <tr> <th bgcolor="lightcyan">可用内存</th> <td>3.2G</td> </tr> </table> </body> </html>
实例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>房源管理</title> </head> <body> <table border="1" cellspacing="0" cellpadding="5" align="center" width="100%" > <caption><h3>房源管理<small><a href="">添加</a></small></h3></caption> <thead> <!-- bgcolor可以设置行或单元格的背景颜色 --> <tr bgcolor="lightcyan"> <!-- <th>标签内部文本默认会加粗居中显示,非常适合做表头 --> <th>ID</th> <th>小区名称</th> <th>缩略图</th> <th>价格</th> <th>户型</th> <th>添加时间</th> <th colspan="2">操作</th> </tr> <tr align="center"> <td>01</td> <td align="left">申城佳苑</td> <td><img src="../images/fc.jpg" width="30"></td> <td>1000</td> <td>单间</td> <td>2017-09-01</td> <td> <a href=""><img src="../images/edit.jpg" width="30" alt="编辑" title="编辑"></a> <a href=""><img src="../images/del.jpg" width="30" alt="删除" title="删除"></a> </td> </tr> <tr align="center"> <td>02</td> <td align="left">川杨新苑</td> <td><img src="../images/fc.jpg" width="30"></td> <td>1800</td> <td>单间独卫</td> <td>2017-12-11</td> <td> <a href=""><img src="../images/edit.jpg" width="30" alt="编辑" title="编辑"></a> <a href=""><img src="../images/del.jpg" width="30" alt="删除" title="删除"></a> </td> </tr> <tr align="center"> <td>03</td> <td align="left">玉兰小区</td> <td><img src="../images/fc.jpg" width="30"></td> <td>2000</td> <td>单间独卫</td> <td>2018-01-01</td> <td> <a href=""><img src="../images/edit.jpg" width="30" alt="编辑" title="编辑"></a> <a href=""><img src="../images/del.jpg" width="30" alt="删除" title="删除"></a> </td> </tr> <tr align="center"> <td>04</td> <td align="left">阳光家园</td> <td><img src="../images/fc.jpg" width="30"></td> <td>1899</td> <td>一室户</td> <td>2017-02-01</td> <td> <a href=""><img src="../images/edit.jpg" width="30" alt="编辑" title="编辑"></a> <a href=""><img src="../images/del.jpg" width="30" alt="删除" title="删除"></a> </td> </tr> <tr align="center"> <td>05</td> <td align="left">糖城一品</td> <td><img src="../images/fc.jpg" width="30"></td> <td>2850</td> <td>一室户</td> <td>2018-01-21</td> <td> <a href=""><img src="../images/edit.jpg" width="30" alt="编辑" title="编辑"></a> <a href=""><img src="../images/del.jpg" width="30" alt="删除" title="删除"></a> </td> </tr> </tbody> </table> <p align="center"> <a href="">首页</a> <a href="">上一页</a> <a href="">1</a> <a href="">2</a> <a href="">3</a> <a href="">...</a> <a href="">下一页</a> <a href="">尾页</a> </p> </body> </html>
实例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>footer</title> </head> <body> <p align="center"> <a href="">一租租房(www.yizu.com)在线平台 </a> ©版权所有 <a href="">备案号:沪ICP-8888888</a> </p> </body> </html>
实例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>left</title> </head> <body> <h4><img src="../images/user.jpg" width="30">用户管理</h4> <ul type="none"> <!-- a标签的target属性值设置为要访问的框架的name名即可,这里是在右侧显示:right --> <li><img src="../images/file.jpg" width="20"><a href="user.html" target="right">用户查询</a></li> <li><img src="../images/file.jpg" width="20"><a href="">分类管理</a></li> <li><img src="../images/file.jpg" width="20"><a href="">权限管理</a></li> </ul> <hr> <h4><img src="../images/folder.jpg" width="30">租房管理</h4> <ul type="none"> <li><img src="../images/file.jpg" width="20"><a href="foods.html" target="right">房源查询</a></li> <li><img src="../images/file.jpg" width="20"><a href="">分类管理</a></li> <li><img src="../images/file.jpg" width="20"><a href="">信息审核</a></li> </ul> <hr> <h4><img src="../images/folder.jpg" width="30">卖房管理</h4> <ul type="none"> <li><img src="../images/file.jpg" width="20"><a href="order.html" target="right">房源管理</a></li> <li><img src="../images/file.jpg" width="20"><a href="">分类管理</a></li> </ul> <hr> <h4><img src="../images/set.jpg" width="20">系统设置</h4> <ul type="none"> <li><img src="../images/file.jpg" width="20"><a href="system.html" target="right">基本配置</a></li> <li><img src="../images/file.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 border="1" cellspacing="0" cellpadding="5" align="center" width="100%"> <caption><h3>卖房管理<small><a href="">添加</a></small></h3></caption> <thead> <!-- bgcolor可以设置行或单元格的背景颜色 --> <tr bgcolor="lightcyan"> <!-- <th>标签内部文本默认会加粗居中显示,非常适合做表头 --> <th>编号</th> <th>楼盘名称</th> <th>缩略图</th> <th>价格</th> <th>状态</th> <th>开盘时间</th> <th colspan="2">操作</th> </tr> <tr align="center"> <td>01</td> <td align="left">万科</td> <td><img src="../images/lp.jpg" width="30"></td> <td>58880</td> <td>预售</td> <td>2017-09-01</td> <td> <a href=""><img src="../images/edit.jpg" width="30" alt="编辑" title="编辑"></a> <a href=""><img src="../images/del.jpg" width="30" alt="删除" title="删除"></a> </td> </tr> <tr align="center"> <td>02</td> <td align="left">万科复地</td> <td><img src="../images/lp.jpg" width="30"></td> <td>49939</td> <td>开盘</td> <td>2017-12-11</td> <td> <a href=""><img src="../images/edit.jpg" width="30" alt="编辑" title="编辑"></a> <a href=""><img src="../images/del.jpg" width="30" alt="删除" title="删除"></a> </td> </tr> <tr align="center"> <td>03</td> <td align="left">上海建筑</td> <td><img src="../images/lp.jpg" width="30"></td> <td>72902</td> <td>预售</td> <td>2018-01-01</td> <td> <a href=""><img src="../images/edit.jpg" width="30" alt="编辑" title="编辑"></a> <a href=""><img src="../images/del.jpg" width="30" alt="删除" title="删除"></a> </td> </tr> <tr align="center"> <td>04</td> <td align="left">万达商贸</td> <td><img src="../images/lp.jpg" width="30"></td> <td>182999</td> <td>开盘</td> <td>2017-02-01</td> <td> <a href=""><img src="../images/edit.jpg" width="30" alt="编辑" title="编辑"></a> <a href=""><img src="../images/del.jpg" width="30" alt="删除" title="删除"></a> </td> </tr> <tr align="center"> <td>05</td> <td align="left">博远地产</td> <td><img src="../images/lp.jpg" width="30"></td> <td>28520</td> <td>预售</td> <td>2018-01-21</td> <td> <a href=""><img src="../images/edit.jpg" width="30" alt="编辑" title="编辑"></a> <a href=""><img src="../images/del.jpg" width="30" alt="删除" title="删除"></a> </td> </tr> </tbody> </table> <p align="center"> <a href="">首页</a> <a href="">上一页</a> <a href="">1</a> <a href="">2</a> <a href="">3</a> <a href="">...</a> <a href="">下一页</a> <a href="">尾页</a> </p> </body> </html>
实例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>系统设置</title> </head> <body> <!-- 复用一个default.html页面代码 --> <table border="0" cellspacing="0" cellpadding="5" align="center"> <caption> <h3>系统配置信息表</h3> <hr width="80%"> </caption> <tr> <td width="160" align="right"><label for="title">网站标题:</label></td> <td width="400" align="left"><input type="text" id="title" name="title" value="" placeholder="不多于28个字符" size="50"></td> </tr> <tr> <td align="right"><label for="keywords">网站关键字:</label></td> <td align="left"><input type="text" id="keywords" name="keywords" value="" placeholder="不多于40个字符" size="50"></td> </tr> <tr> <td valign="middle" align="right"><label for="desc">网站描述:</label></td> <td align="left"><textarea id="desc" name="desc" rows="5" cols="50" placeholder="不多于120个字符"></textarea></td> </tr> <tr> <td align="center" colspan="2"> <input type="image" name="submit" src="../images/submit.jpg" width="90"> </td> </tr> </table> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例
实例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>系统设置</title> </head> <body> <!-- 复用一个default.html页面代码 --> <table border="0" cellspacing="0" cellpadding="5" align="center"> <caption> <h3>系统配置信息表</h3> <hr width="80%"> </caption> <tr> <td width="160" align="right"><label for="title">网站标题:</label></td> <td width="400" align="left"><input type="text" id="title" name="title" value="" placeholder="不多于28个字符" size="50"></td> </tr> <tr> <td align="right"><label for="keywords">网站关键字:</label></td> <td align="left"><input type="text" id="keywords" name="keywords" value="" placeholder="不多于40个字符" size="50"></td> </tr> <tr> <td valign="middle" align="right"><label for="desc">网站描述:</label></td> <td align="left"><textarea id="desc" name="desc" rows="5" cols="50" placeholder="不多于120个字符"></textarea></td> </tr> <tr> <td align="center" colspan="2"> <input type="image" name="submit" src="../images/submit.jpg" width="90"> </td> </tr> </table> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例
实例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>系统设置</title> </head> <body> <!-- 复用一个default.html页面代码 --> <table border="0" cellspacing="0" cellpadding="5" align="center"> <caption> <h3>系统配置信息表</h3> <hr width="80%"> </caption> <tr> <td width="160" align="right"><label for="title">网站标题:</label></td> <td width="400" align="left"><input type="text" id="title" name="title" value="" placeholder="不多于28个字符" size="50"></td> </tr> <tr> <td align="right"><label for="keywords">网站关键字:</label></td> <td align="left"><input type="text" id="keywords" name="keywords" value="" placeholder="不多于40个字符" size="50"></td> </tr> <tr> <td valign="middle" align="right"><label for="desc">网站描述:</label></td> <td align="left"><textarea id="desc" name="desc" rows="5" cols="50" placeholder="不多于120个字符"></textarea></td> </tr> <tr> <td align="center" colspan="2"> <input type="image" name="submit" src="../images/submit.jpg" width="90"> </td> </tr> </table> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例
实例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>系统设置</title> </head> <body> <!-- 复用一个default.html页面代码 --> <table border="0" cellspacing="0" cellpadding="5" align="center"> <caption> <h3>系统配置信息表</h3> <hr width="80%"> </caption> <tr> <td width="160" align="right"><label for="title">网站标题:</label></td> <td width="400" align="left"><input type="text" id="title" name="title" value="" placeholder="不多于28个字符" size="50"></td> </tr> <tr> <td align="right"><label for="keywords">网站关键字:</label></td> <td align="left"><input type="text" id="keywords" name="keywords" value="" placeholder="不多于40个字符" size="50"></td> </tr> <tr> <td valign="middle" align="right"><label for="desc">网站描述:</label></td> <td align="left"><textarea id="desc" name="desc" rows="5" cols="50" placeholder="不多于120个字符"></textarea></td> </tr> <tr> <td align="center" colspan="2"> <input type="image" name="submit" src="../images/submit.jpg" width="90"> </td> </tr> </table> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例
实例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>系统设置</title> </head> <body> <!-- 复用一个default.html页面代码 --> <table border="0" cellspacing="0" cellpadding="5" align="center"> <caption> <h3>系统配置信息表</h3> <hr width="80%"> </caption> <tr> <td width="160" align="right"><label for="title">网站标题:</label></td> <td width="400" align="left"><input type="text" id="title" name="title" value="" placeholder="不多于28个字符" size="50"></td> </tr> <tr> <td align="right"><label for="keywords">网站关键字:</label></td> <td align="left"><input type="text" id="keywords" name="keywords" value="" placeholder="不多于40个字符" size="50"></td> </tr> <tr> <td valign="middle" align="right"><label for="desc">网站描述:</label></td> <td align="left"><textarea id="desc" name="desc" rows="5" cols="50" placeholder="不多于120个字符"></textarea></td> </tr> <tr> <td align="center" colspan="2"> <input type="image" name="submit" src="../images/submit.jpg" width="90"> </td> </tr> </table> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例
实例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>系统设置</title> </head> <body> <!-- 复用一个default.html页面代码 --> <table border="0" cellspacing="0" cellpadding="5" align="center"> <caption> <h3>系统配置信息表</h3> <hr width="80%"> </caption> <tr> <td width="160" align="right"><label for="title">网站标题:</label></td> <td width="400" align="left"><input type="text" id="title" name="title" value="" placeholder="不多于28个字符" size="50"></td> </tr> <tr> <td align="right"><label for="keywords">网站关键字:</label></td> <td align="left"><input type="text" id="keywords" name="keywords" value="" placeholder="不多于40个字符" size="50"></td> </tr> <tr> <td valign="middle" align="right"><label for="desc">网站描述:</label></td> <td align="left"><textarea id="desc" name="desc" rows="5" cols="50" placeholder="不多于120个字符"></textarea></td> </tr> <tr> <td align="center" colspan="2"> <input type="image" name="submit" src="../images/submit.jpg" width="90"> </td> </tr> </table> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例
实例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>系统设置</title> </head> <body> <!-- 复用一个default.html页面代码 --> <table border="0" cellspacing="0" cellpadding="5" align="center"> <caption> <h3>系统配置信息表</h3> <hr width="80%"> </caption> <tr> <td width="160" align="right"><label for="title">网站标题:</label></td> <td width="400" align="left"><input type="text" id="title" name="title" value="" placeholder="不多于28个字符" size="50"></td> </tr> <tr> <td align="right"><label for="keywords">网站关键字:</label></td> <td align="left"><input type="text" id="keywords" name="keywords" value="" placeholder="不多于40个字符" size="50"></td> </tr> <tr> <td valign="middle" align="right"><label for="desc">网站描述:</label></td> <td align="left"><textarea id="desc" name="desc" rows="5" cols="50" placeholder="不多于120个字符"></textarea></td> </tr> <tr> <td align="center" colspan="2"> <input type="image" name="submit" src="../images/submit.jpg" width="90"> </td> </tr> </table> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例
实例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>系统设置</title> </head> <body> <!-- 复用一个default.html页面代码 --> <table border="0" cellspacing="0" cellpadding="5" align="center"> <caption> <h3>系统配置信息表</h3> <hr width="80%"> </caption> <tr> <td width="160" align="right"><label for="title">网站标题:</label></td> <td width="400" align="left"><input type="text" id="title" name="title" value="" placeholder="不多于28个字符" size="50"></td> </tr> <tr> <td align="right"><label for="keywords">网站关键字:</label></td> <td align="left"><input type="text" id="keywords" name="keywords" value="" placeholder="不多于40个字符" size="50"></td> </tr> <tr> <td valign="middle" align="right"><label for="desc">网站描述:</label></td> <td align="left"><textarea id="desc" name="desc" rows="5" cols="50" placeholder="不多于120个字符"></textarea></td> </tr> <tr> <td align="center" colspan="2"> <input type="image" name="submit" src="../images/submit.jpg" width="90"> </td> </tr> </table> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例
实例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>系统设置</title> </head> <body> <!-- 复用一个default.html页面代码 --> <table border="0" cellspacing="0" cellpadding="5" align="center"> <caption> <h3>系统配置信息表</h3> <hr width="80%"> </caption> <tr> <td width="160" align="right"><label for="title">网站标题:</label></td> <td width="400" align="left"><input type="text" id="title" name="title" value="" placeholder="不多于28个字符" size="50"></td> </tr> <tr> <td align="right"><label for="keywords">网站关键字:</label></td> <td align="left"><input type="text" id="keywords" name="keywords" value="" placeholder="不多于40个字符" size="50"></td> </tr> <tr> <td valign="middle" align="right"><label for="desc">网站描述:</label></td> <td align="left"><textarea id="desc" name="desc" rows="5" cols="50" placeholder="不多于120个字符"></textarea></td> </tr> <tr> <td align="center" colspan="2"> <input type="image" name="submit" src="../images/submit.jpg" width="90"> </td> </tr> </table> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例
实例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>系统设置</title> </head> <body> <!-- 复用一个default.html页面代码 --> <table border="0" cellspacing="0" cellpadding="5" align="center"> <caption> <h3>系统配置信息表</h3> <hr width="80%"> </caption> <tr> <td width="160" align="right"><label for="title">网站标题:</label></td> <td width="400" align="left"><input type="text" id="title" name="title" value="" placeholder="不多于28个字符" size="50"></td> </tr> <tr> <td align="right"><label for="keywords">网站关键字:</label></td> <td align="left"><input type="text" id="keywords" name="keywords" value="" placeholder="不多于40个字符" size="50"></td> </tr> <tr> <td valign="middle" align="right"><label for="desc">网站描述:</label></td> <td align="left"><textarea id="desc" name="desc" rows="5" cols="50" placeholder="不多于120个字符"></textarea></td> </tr> <tr> <td align="center" colspan="2"> <input type="image" name="submit" src="../images/submit.jpg" width="90"> </td> </tr> </table> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例
实例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>系统设置</title> </head> <body> <!-- 复用一个default.html页面代码 --> <table border="0" cellspacing="0" cellpadding="5" align="center"> <caption> <h3>系统配置信息表</h3> <hr width="80%"> </caption> <tr> <td width="160" align="right"><label for="title">网站标题:</label></td> <td width="400" align="left"><input type="text" id="title" name="title" value="" placeholder="不多于28个字符" size="50"></td> </tr> <tr> <td align="right"><label for="keywords">网站关键字:</label></td> <td align="left"><input type="text" id="keywords" name="keywords" value="" placeholder="不多于40个字符" size="50"></td> </tr> <tr> <td valign="middle" align="right"><label for="desc">网站描述:</label></td> <td align="left"><textarea id="desc" name="desc" rows="5" cols="50" placeholder="不多于120个字符"></textarea></td> </tr> <tr> <td align="center" colspan="2"> <input type="image" name="submit" src="../images/submit.jpg" width="90"> </td> </tr> </table> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例
实例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>系统设置</title> </head> <body> <!-- 复用一个default.html页面代码 --> <table border="0" cellspacing="0" cellpadding="5" align="center"> <caption> <h3>系统配置信息表</h3> <hr width="80%"> </caption> <tr> <td width="160" align="right"><label for="title">网站标题:</label></td> <td width="400" align="left"><input type="text" id="title" name="title" value="" placeholder="不多于28个字符" size="50"></td> </tr> <tr> <td align="right"><label for="keywords">网站关键字:</label></td> <td align="left"><input type="text" id="keywords" name="keywords" value="" placeholder="不多于40个字符" size="50"></td> </tr> <tr> <td valign="middle" align="right"><label for="desc">网站描述:</label></td> <td align="left"><textarea id="desc" name="desc" rows="5" cols="50" placeholder="不多于120个字符"></textarea></td> </tr> <tr> <td align="center" colspan="2"> <input type="image" name="submit" src="../images/submit.jpg" width="90"> </td> </tr> </table> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例
实例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>系统设置</title> </head> <body> <!-- 复用一个default.html页面代码 --> <table border="0" cellspacing="0" cellpadding="5" align="center"> <caption> <h3>系统配置信息表</h3> <hr width="80%"> </caption> <tr> <td width="160" align="right"><label for="title">网站标题:</label></td> <td width="400" align="left"><input type="text" id="title" name="title" value="" placeholder="不多于28个字符" size="50"></td> </tr> <tr> <td align="right"><label for="keywords">网站关键字:</label></td> <td align="left"><input type="text" id="keywords" name="keywords" value="" placeholder="不多于40个字符" size="50"></td> </tr> <tr> <td valign="middle" align="right"><label for="desc">网站描述:</label></td> <td align="left"><textarea id="desc" name="desc" rows="5" cols="50" placeholder="不多于120个字符"></textarea></td> </tr> <tr> <td align="center" colspan="2"> <input type="image" name="submit" src="../images/submit.jpg" width="90"> </td> </tr> </table> </body> </html>
实例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>top</title> </head> <body> <table border="0" width="100%" bgcolor=""> <tr> <td valign="middle"><img src="../images/logo.jpg" width="40"></td> <td width="960" valign="middel"><h2 align="left">一租租房管理系统</h2></td> <td align="right" valign="bottom"><p><a href="">admin</a> <a href="">退出</a></p></td> </tr> </table> </body> </html>
实例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>用户管理</title> </head> <body> <table border="1" cellspacing="0" cellpadding="5" align="center" width="100%"> <caption><h3>用户管理 <small><a href="">添加</a></small></h3></caption> <thead> <!-- bgcolor可以设置行或单元格的背景颜色 --> <tr bgcolor="lightcyan"> <!-- <th>标签内部文本默认会加粗居中显示,非常适合做表头 --> <th>ID</th> <th>用户名</th> <th>头像</th> <th>邮箱</th> <th>状态</th> <th>注册时间</th> <th colspan="2">操作</th> </tr> <tr align="center"> <td>01</td> <td align="left">张三</td> <td><img src="../images/1.jpg" width="30"></td> <td>aaa@php.cn</td> <td>启用</td> <td>2017-09-01</td> <td> <a href=""><img src="../images/edit.jpg" width="30" alt="编辑" title="编辑"></a> <a href=""><img src="../images/del.jpg" width="30" alt="删除" title="删除"></a> </td> </tr> <tr align="center"> <td>02</td> <td align="left">李四</td> <td><img src="../images/2.jpg" width="30"></td> <td>bbb@php.cn</td> <td>启用</td> <td>2017-12-11</td> <td> <a href=""><img src="../images/edit.jpg" width="30" alt="编辑" title="编辑"></a> <a href=""><img src="../images/del.jpg" width="30" alt="删除" title="删除"></a> </td> </tr> <tr align="center"> <td>03</td> <td align="left">王五</td> <td><img src="../images/3.jpg" width="30"></td> <td>ccc@php.cn</td> <td>禁用</td> <td>2018-01-01</td> <td> <a href=""><img src="../images/edit.jpg" width="30" alt="编辑" title="编辑"></a> <a href=""><img src="../images/del.jpg" width="30" alt="删除" title="删除"></a> </td> </tr> <tr align="center"> <td>04</td> <td align="left">赵六</td> <td><img src="../images/4.jpg" width="30"></td> <td>ddd@php.cn</td> <td>启用</td> <td>2017-02-01</td> <td> <a href=""><img src="../images/edit.jpg" width="30" alt="编辑" title="编辑"></a> <a href=""><img src="../images/del.jpg" width="30" alt="删除" title="删除"></a> </td> </tr> <tr align="center"> <td>05</td> <td align="left">高七</td> <td><img src="../images/5.jpg" width="30"></td> <td>eee@php.cn</td> <td>启用</td> <td>2016-10-21</td> <td> <a href=""><img src="../images/edit.jpg" width="30" alt="编辑" title="编辑"></a> <a href=""><img src="../images/del.jpg" width="30" alt="删除" title="删除"></a> </td> </tr> </tbody> </table> <p align="center"> <a href="">首页</a> <a href="">上一页</a> <a href="">1</a> <a href="">2</a> <a href="">3</a> <a href="">...</a> <a href="">下一页</a> <a href="">尾页</a> </p> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例
点击 "运行实例" 按钮查看在线实例
点击 "运行实例" 按钮查看在线实例
点击 "运行实例" 按钮查看在线实例
点击 "运行实例" 按钮查看在线实例
点击 "运行实例" 按钮查看在线实例
点击 "运行实例" 按钮查看在线实例
点击 "运行实例" 按钮查看在线实例
点击 "运行实例" 按钮查看在线实例
手抄首页的照片