表格的其他标签：
1.表格标题（caption)
今天我们来做一个今日小说排行榜，假定我们老板要求排行榜需要以下几个数据，排名，趋势，今日搜索，最近七日，相关链接
表格标签的案列：
类比：我们在execl如何列出这些数据。
如图所示：
代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>细线表格</title>
</head>
<body>
<table bgcolor="black" cellspacing="1px" width="870px" >
<caption><h2>今日小说排行榜</h2></caption>
<tr bgcolor="white">
<td>排行</td>
<td>关键词</td>
<td>趋势</td>
<td>今日搜索</td>
<td>最近七日</td>
<td>相关链接</td>
</tr>
<tr bgcolor="white">
<td>第一名</td>
<td>《斗罗大陆》</td>
<td>上升</td>
<td>100000</td>
<td>100000</td>
<td><a href="##">链接</a> <a href="##">论坛</a> <a href="##">帖子</a></td>
</tr>
<tr bgcolor="white">
<td>第二名</td>
<td>《斗罗2》</td>
<td>上升</td>
<td>99999</td>
<td>99999</td>
<td><a href="##">链接</a> <a href="##">论坛</a> <a href="##">帖子</a></td>
</tr>
<tr bgcolor="white">
<td>第3名</td>
<td>《斗罗2》</td>
<td>上升</td>
<td>99998</td>
<td>99998</td>
<td><a href="##">链接</a> <a href="##">论坛</a> <a href="##">帖子</a></td>
</tr>
<tr bgcolor="white">
<td>第4名</td>
<td>《诛仙》</td>
<td>上升</td>
<td>99997</td>
<td>99997</td>
<td><a href="##">链接</a> <a href="##">论坛</a> <a href="##">帖子</a></td>
</tr>
</table>
</body>
</html>
运行的结果：
总结结论：
1.在表格标签中提供一个标签专门用来设置表格的标题，这个标签叫做caption,中文名叫表格标题
2.caption一定要写在table标签中，否则无效。
2.标题单元格标签
在表格标签中提供了一个标签专门用来存储每一列的标题，叫th标签（自动加粗，自动居中）。
优化上述代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>细线表格</title>
</head>
<body>
<table bgcolor="black" cellspacing="1px" width="870px" >
<caption><h2>今日小说排行榜</h2></caption>
<tr bgcolor="white" >
<th>排行</th>
<th>关键词</th>
<th>趋势</th>
<th>今日搜索</th>
<th>最近七日</th>
<th>相关链接</th>
</tr>
<tr bgcolor="white">
<td>第一名</td>
<td>《斗罗大陆》</td>
<td>上升</td>
<td>100000</td>
<td>100000</td>
<td><a href="##">链接</a> <a href="##">论坛</a> <a href="##">帖子</a></td>
</tr>
<tr bgcolor="white">
<td>第二名</td>
<td>《斗罗2》</td>
<td>上升</td>
<td>99999</td>
<td>99999</td>
<td><a href="##">链接</a> <a href="##">论坛</a> <a href="##">帖子</a></td>
</tr>
<tr bgcolor="white">
<td>第3名</td>
<td>《斗罗2》</td>
<td>上升</td>
<td>99998</td>
<td>99998</td>
<td><a href="##">链接</a> <a href="##">论坛</a> <a href="##">帖子</a></td>
</tr>
<tr bgcolor="white">
<td>第4名</td>
<td>《诛仙》</td>
<td>上升</td>
<td>99997</td>
<td>99997</td>
<td><a href="##">链接</a> <a href="##">论坛</a> <a href="##">帖子</a></td>
</tr>
</table>
</body>
</html>
运行结果如图所示：
网友评论