<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>实战简单增删改查操作表格</title> </head> <body> <!-- 1.创建表格使用的是<table></table>标签 2.创建表格的基本步骤：先写行在写列（单元格） 3.用户数据全部是保存在单元格中， 4. <table></table> 下面的子标签：<tr>行，<td>列，单元格，<th>用在表头的单元格 5. caption 表格标题 --> <table border="1" cellspacing="0" cellpadding="5" width="80%" > <caption><h2>会员贡献排行</h2></caption> <thead> <tr bgcolor="skyblue"> <th colspan="2">信息</th> <th colspan="3">资料</th> <th colspan ="2" rowspan ="2">操作</th> </tr> <tr bgcolor="skyblue"> <th>ID</th> <th>用户名</th> <th>贡献时间</th> <th>贡献金额</th> <th>手机号</th> </tr> </thead> <tbody> <tr> <td>01</td> <td><img src="img/3.jpg" alt="人物头像" width="20">阿平</td> <td>2018年3月16日</td> <td>80元</td> <td>15059217557</td> <td><a href="">修改</a></td> <td><a href="">删除</a></td> </tr> <tr> <td>01</td> <td><img src="img/3.jpg" alt="人物头像" width="20">阿平</td> <td>2018年3月16日</td> <td>80元</td> <td>15059217557</td> <td><a href="">修改</a></td> <td><a href="">删除</a></td> </tr> <tr> <td>01</td> <td><img src="img/3.jpg" alt="人物头像" width="20">阿平</td> <td>2018年3月16日</td> <td>80元</td> <td>15059217557</td> <td><a href="">修改</a></td> <td><a href="">删除</a></td> </tr> <tr> <td> 01</td> <td><img src="img/3.jpg" alt="人物头像" width="20">阿平</td> <td>2018年3月16日</td> <td>80元</td> <td>15059217557</td> <td><a href="">修改</a></td> <td><a href="">删除</a></td> </tr> </tbody> </table> <tfoot> <p> <a href="">首页</a> <a href="">1</a> <a href="">2</a> <a href="">上一页</a> <a href="">下一页</a> <a href="">尾页</a> </p> </tfoot> </body> </html>
