手抄代码：
案例成果截图：
案例源码如下：
实例 <!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>同学信息表<small></small></h3></caption> <thead> <tr bgcolor="skyblue"> <th colspan="2" rowspan="2">姓名</th> </tr> <!-- bgcolor可以设置行或单元格的背景颜色 --> <tr bgcolor="skyblue"> <!-- <th>标签内部文本默认会加粗居中显示,非常适合做表头 --> <th>民族</th> <th>性别</th> <th>籍贯</th> <th>可编辑</th> <th>可编辑</th> </tr> <tr align="center"> <td>01</td> <td align="left"><img src="../images/11.jpg" width="30">张三</td> <td>汉族</td> <td>男</td> <td>广东</td> <td><a href="">编辑</a></td> <td><a href="">删除</a></td> </tr> <tr align="center"> <td>02</td> <td align="left"><img src="../images/12.jpg" width="30">李四</td> <td>壮族</td> <td>男</td> <td>广西</td> <td><a href="">编辑</a></td> <td><a href="">删除</a></td> </tr> <tr align="center"> <td>03</td> <td align="left"><img src="../images/13.jpg" width="30">王五</td> <td>汉族</td> <td>男</td> <td>湖北</td> <td><a href="">编辑</a></td> <td><a href="">删除</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>
