实例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表格的基本属性</title> </head> <body> <table border="1" cellspacing="0" cellpadding="5" align="center" width=80%> <caption><h3>人员信息表</h3></caption> <colgroup span="1" bgcolor="orange"></colgroup> <colgroup span="1" bgcolor="orange"></colgroup> <colgroup span="2" bgcolor="linghtorange"> <col bgcolor="lightgray"> <col> </colgroup> <thead> <tr bgcolor="lightgray"> <th colspan="2">姓名与编号</th> <th colspan="3">个人条件</th> <th colspan="2" rowspan="2">操作</th> </tr> <tr bgcolor="red"> <th>编号</th> <th>姓名</th> <th>身高</th> <th>体重</th> <th>年龄</th> </tr></thead> <tbody> <tr align="center"> <td>1</td> <td>张三</td> <td>190</td> <td>88kg</td> <td>27</td> <td><a href="">编辑</a></td> <td><a href="">删除</a></td> </tr> <tr align="center"> <td>2</td> <td>王二</td> <td>191</td> <td>89kg</td> <td>21</td> <td><a href="">编辑</a></td> <td><a href="">删除</a></td> </tr> <tr align="center"> <td>3</td> <td>李四</td> <td>182</td> <td>79kg</td> <td>25</td> <td><a href="">编辑</a></td> <td><a href="">删除</a></td> </tr> <tr align="center"> <td>4</td> <td>吴六</td> <td>187</td> <td>80kg</td> <td>21</td> <td><a href="">编辑</a></td> <td><a href="">删除</a></td> </tr> <tr align="center"> <td>5</td> <td>刘七</td> <td>199</td> <td>89kg</td> <td>19</td> <td><a href="">编辑</a></td> <td><a href="">删除</a></td> </tr> </tbody> <tfoot> <tr align="center"> <td colspan="2" bgcolor="red">平均</td> <td>191</td> <td>89kg</td> <td>25</td> <td><a href="">编辑</a></td> <td><a href="">删除</a></td> </tr> </tfoot> </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>
运行实例 »
点击 "运行实例" 按钮查看在线实例