![](https://i-blog.csdnimg.cn/blog_migrate/c2abe4a5a91ccee1987d694bdb432a8a.png)
效果图:
![小说排行榜](https://i-blog.csdnimg.cn/blog_migrate/95c2e5466728f844acee6d443c796003.png)
HTML源码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>小说排行榜</title>
</head>
<body>
<table border="1px" cellspacing="0" cellpadding="7" >
<tr align="center" >
<th>排名</th>
<th>关键词</th>
<th>趋势</th>
<th>今日搜索</th>
<th>最近七日</th>
<th>相关链接</th>
</tr>
<tr>
<td>1</td>
<td>鬼吹灯</td>
<td><img src="img/down.jpg" alt=""></td>
<td>345</td>
<td>123</td>
<td><a href="">贴吧</a> <a href="">图片</a> <a href="">百科</a> </td>
</tr>
<tr>
<td>2</td>
<td>盗墓笔记</td>
<td><img src="img/down.jpg" alt=""></td>
<td>124</td>
<td>675432</td>
<td rowspan="3"><a href="">贴吧</a> <a href="">图片</a> <a href="">百科</a> </td>
</tr>
<tr>
<td>3</td>
<td>西游记</td>
<td><img src="img/up.jpg" alt=""></td>
<td>212</td>
<td>7654</td>
</tr>
<tr>
<td>4</td>
<td>东游记</td>
<td><img src="img/up.jpg" alt=""></td>
<td>23</td>
<td>75645</td>
</tr>
<tr>
<td>5</td>
<td>甄嬛传</td>
<td><img src="img/down.jpg" alt=""></td>
<td>121</td>
<td>7676</td>
<td><a href="">贴吧</a> <a href="">图片</a> <a href="">百科</a> </td>
</tr>
<tr>
<td>6</td>
<td>水浒传</td>
<td><img src="img/up.jpg" alt=""></td>
<td>576576</td>
<td>1231421</td>
<td><a href="">贴吧</a> <a href="">图片</a> <a href="">百科</a> </td>
</tr>
<tr>
<td>7</td>
<td>三国演义</td>
<td><img src="img/up.jpg" alt=""></td>
<td>234</td>
<td>7686</td>
<td><a href="">贴吧</a> <a href="">图片</a> <a href="">百科</a> </td>
</tr>
</table>
</body>
</html>