代码展示：
实例
实例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="keywords" content="南京 地铁 信息">
<meta name="description" content="南京地铁起终点一览表">
<style type="text/css">
a{
color: red;
}
a:hover{
color: black;
}
</style>
<script type="text/javascript"></script>
<title>南京地铁信息</title>
</head>
<body>
<table border="1" cellspacing="0" cellpadding="5" align="center" width="80% ">
<caption><h3>南京地铁起终点一览表 <small><a href="">添加</a></small></h3></caption>
<colgroup span="1" bgcolor="lightgreen"></colgroup>
<thead>
<tr bgcolor="skyblue">
<th colspan="2">信息</th>
<th colspan="3">起终点</th>
<th colspan="2" rowspan="2">操作</th>
</tr>
<tr bgcolor="skyblue" align="center">
<th>顺序</th>
<th>线路</th>
<th>起点</th>
<th>终点</th>
<th>站点数(个）</th>
</tr>
</thead>
<tbody>
<tr align="center">
<td>01</td>
<td align="left"><img src="../images/logo.png" width="30" alt="logo" title="logo">1号线</td>
<td>迈皋桥</td>
<td>中国药科大学</td>
<td>27</td>
<td><a href="">编辑</a></td>
<td><a href="">删除</a></td>
</tr>
<tr align="center">
<td>02</td>
<td align="left"><img src="../images/logo.png" width="30" alt="logo" title="logo">2号线</td>
<td>油坊桥</td>
<td>经天路</td>
<td>25</td>
<td><a href="">编辑</a></td>
<td><a href="">删除</a></td>
</tr>
<tr align="center">
<td>03</td>
<td align="left"><img src="../images/logo.png" width="30" alt="logo" title="logo">3号线</td>
<td>林场</td>
<td>秣周东路</td>
<td>29</td>
<td><a href="">编辑</a></td>
<td><a href="">删除</a></td>
</tr>
<tr align="center">
<td>04</td>
<td align="left"><img src="../images/logo.png" width="30" alt="logo" title="logo">4号线</td>
<td>龙江</td>
<td>仙林湖</td>
<td>18</td>
<td><a href="">编辑</a></td>
<td><a href="">删除</a></td>
</tr>
<tr align="center">
<td>05</td>
<td align="left"><img src="../images/logo.png" width="30" alt="logo" title="logo">10号线</td>
<td>安德门</td>
<td>雨山路</td>
<td>14</td>
<td><a href="">编辑</a></td>
<td><a href="">删除</a></td>
</tr>
<tr align="center">
<td>06</td>
<td align="left"><img src="../images/logo.png" width="30" alt="logo" title="logo">S1号线</td>
<td>南京南站</td>
<td>禄口机场</td>
<td>8</td>
<td><a href="">编辑</a></td>
<td><a href="">删除</a></td>
</tr>
<tr align="center">
<td>07</td>
<td align="left"><img src="../images/logo.png" width="30" alt="logo" title="logo">S3号线</td>
<td>高家冲</td>
<td>南京南站</td>
<td>19</td>
<td><a href="">编辑</a></td>
<td><a href="">删除</a></td>
</tr>
<tr align="center">
<td>08</td>
<td align="left"><img src="../images/logo.png" width="30" alt="logo" title="logo">S7号线</td>
<td>无想山站</td>
<td>空港新城江宁站</td>
<td>9</td>
<td><a href="">编辑</a></td>
<td><a href="">删除</a></td>
</tr>
<tr align="center">
<td>09</td>
<td align="left"><img src="../images/logo.png" width="30" alt="logo" title="logo">S8号线</td>
<td>泰山新新</td>
<td>金牛湖</td>
<td>17</td>
<td><a href="">编辑</a></td>
<td><a href="">删除</a></td>
</tr>
<tr align="center">
<td>10</td>
<td align="left"><img src="../images/logo.png" width="30" alt="logo" title="logo">S9号线</td>
<td>翔宇路南</td>
<td>高淳</td>
<td>6</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>运行实例 »
点击 "运行实例" 按钮查看在线实例
手写作业：
效果展示：
