代码
实例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表格的基础属性</title> </head> <body> <!-- <h3>大表哥</h3> <p> 创建表格的基本步骤 </p> --> <table border="1" cellspacing="0" cellpadding="1" align="center" width="60%" > <caption><h2>员工工资表<small><a href="">编辑</a></small></h2></caption> <colgroup span="1" bgcolor="lightyellow"></colgroup> <colgroup span="2" bgcolor="lightgreen"></colgroup> <col bgcolor="lightyellow"> <col> <colgroup span="1" bgcolor="lightgreen"></colgroup> <thead> <tr bgcolor="pink"> <th colspan="4">员工信息</th> <th colspan="2">工资情况</th> <th colspan="2" rowspan="2">操作</th> </tr> <tr bgcolor="yellow"> <th>序号</th> <th>姓名</th> <th>照片</th> <th>身份证号</th> <th>请假(天数)</th> <th>工资</th> </tr> </thead> <tbody> <tr align="center"> <td>1</td> <td>王小</td> <td align="left"><img src="../images/11.jpg" height="20"></td> <td>524262185602566830</td> <td>0</td> <td>6000</td> <td><a href="">添加</a></td> <td><a href="">删除</a></td> </tr><tr align="center"> <td>2</td> <td>李小</td> <td align="left"><img src="../images/11.jpg" height="20"></td> <td>754262185602566858</td> <td>2</td> <td>5600</td> <td><a href="">添加</a></td> <td><a href="">删除</a></td> </tr><tr align="center"> <td>3</td> <td>张小三</td> <td align="left"><img src="../images/11.jpg" height="20"></td> <td>594262185602566848</td> <td>0</td> <td>6500</td> <td><a href="">添加</a></td> <td><a href="">删除</a></td> </tr> </tbody> <tfoot> <tr align="center"> <td colspan="5" bgcolor="white">平均值</td> <td>6400</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>
运行实例 »
点击 "运行实例" 按钮查看在线实例
效果
手抄
