代码：
实例
<!DOCTYPE html> <!-- 定义文档类型 html--> <html> <head> <meta charset="utf-8"> <!--此为编码--> <title>上方谷教派排行榜</title> <!--网站标题--> </head> <body> <table border="1" cellspacing="0" align="center" width="60%" > <!--表格标签 设置边距加粗对齐方式 宽度--> <caption><h3>教派榜前5战力表</h3><small><a href="">添加教派</a></small></caption> <!--表格标题 <a> 为跳转链接--> <tr bgcolor="skyblue"> <th colspan="2" >所在大区——上方谷</th> <!--头标题 colspan 为跨行 “1” 为1 “2” 为跨2 行--> <th colspan="3">教派属性</th> <th colspan="2" rowspan="2">操作</th> </tr> <tr bgcolor="skydark"> <th>教派排名</th> <th>教派名称</th> <th>教派声望</th> <th>教派人数</th> <th>教派领导者</th> </tr> <tr bgcolor="#C0C0C0"> <td bgcolor="#C0C0C0" rowspan="2">1 天下会合倾城阁</td> <!--rowspan 为跨列 “1” 为1 “2” 为2 与 clospan差不多--> <td>天下会</td> <td rowspan="2">1359</td> <td rowspan="2">88</td> <td rowspan="2">锦衣卫</td> <td rowspan="2"><a href="">编辑</a></td> <td rowspan="2"><a href="">删除</a></td> </tr> <tr bgcolor="#C0C0C0"> <td>倾城阁</td> </tr> <tr bgcolor="#00FFCC"> <td>3</td> <td>惊鸿族</td> <td>778</td> <td>48</td> <td>逸儿</td> <td><a href="">编辑</a></td> <td><a href="">删除</a></td> </tr> <tr bgcolor="#CCFF66"> <td>4</td> <td>甜心阁</td> <td>698</td> <td>91</td> <td>路过</td> <td><a href="">编辑</a></td> <td><a href="">删除</a></td> </tr> <tr bgcolor="#CCFFFF"> <td>5</td> <td>聚源阁</td> <td>681</td> <td>32</td> <td>情天浩</td> <td><a href="">编辑</a></td> <td><a href="">删除</a></td> </tr> </table> <!-- 为分页跳转--> <p align="center"> <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>
运行实例 »
点击 "运行实例" 按钮查看在线实例
手写作业:
![THN7UP~5T7~]CN32CZEH3M9.jpg](https://img.php.cn//upload/image/813/639/622/1521433767520650.jpg "1521433767520650.jpg")
