实例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>通讯录</title> </head> <body> <table border="3" cellspacing="0" cellpadding="5" align="center" width="70%"> <caption><h3>通 讯 录 <small><a href="">添加</a></small></h3></caption> <colgroup span="1" bgcolor="lightgreen"></colgroup> <colgroup span="3" bgcolor="lightyellow"> <col bgcolor="lightgray"> <col > <col > </colgroup> <col bgcolor="lightgray"> <thead> <tr bgcolor="skyblue"> <th rowspan="2"> 序号</th> <th colspan="5"> 信息</th> <th colspan="2" rowspan="2" align="center">操作</th> </tr> <tr bgcolor="skyblue"> <th>姓名</th> <th>性别</th> <th>电话</th> <th>住址</th> <th>微信号</th> </tr> </thead> <tr align="center"> <td> 1 </td> <td align="left"> <img src="../images/15.jpg" width="30" >张三疯</td> <td>男</td> <td>13502855</td> <td>深圳</td> <td>welf123</td> <td><a href="">编辑</a></td> <td><a href="">删除</a></td> </tr> <tr align="center"> <td> 2 </td> <td align="left"><img src="../images/16.jpg" width="30" >习主席</td> <td>男</td> <td>88888888</td> <td>北京</td> <td>w23lf123</td> <td><a href="">编辑</a></td> <td><a href="">删除</a></td> </tr> <tr align="center"> <td> 3 </td> <td align="left"><img src="../images/16.jpg" width="30" >外星人</td> <td>女</td> <td>11111112</td> <td>月球</td> <td>0101010</td> <td><a href="">编辑</a></td> <td><a href="">删除</a></td> </tr> <tr align="center"> <td> 5 </td> <td align="left"><img src="../images/14.jpg" width="30" >普京</td> <td>男</td> <td>77777777</td> <td>俄罗斯</td> <td>aaaf123</td> <td><a href="">编辑</a></td> <td><a href="">删除</a></td> </tr> </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>
运行实例 »
点击 "运行实例" 按钮查看在线实例
