案例：使用html实现下列效果
代码实现:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h2 align="center">今日小说排行榜</h2>
<table align="center" border="1px">
<tr align="center" bgcolor="lightgray">
<th width="100px">排名</th>
<th width="100px">关键词</th>
<th width="100px">趋势</th>
<th width="100px">今日搜索</th>
<th width="100px">最近七日</th>
<th width="200px">相关链接</th>
</tr>
<tr bgcolor="white" align="center">
<th>1</th>
<td>武动乾坤</td>
<td><img src="up.jpg"></td>
<td>623557</td>
<td>4088311</td>
<td><a href="https://tieba.baidu.com/index.html">贴吧</a> <a href="https://image.baidu.com/">图片</a> <a href="https://baike.baidu.com/">百科</a></td>
</tr>
<tr bgcolor="white" align="center">
<th>2</th>
<td>武动乾坤</td>
<td><img src="up.jpg"></td>
<td>623557</td>
<td>4088311</td>
<td><a href="https://tieba.baidu.com/index.html">贴吧</a> <a href="https://image.baidu.com/">图片</a> <a href="https://baike.baidu.com/">百科</a></td>
</tr>
<tr bgcolor="white" align="center">
<th>3</th>
<td>武动乾坤</td>
<td><img src="up.jpg"></td>
<td>623557</td>
<td>4088311</td>
<td><a href="https://tieba.baidu.com/index.html">贴吧</a> <a href="https://image.baidu.com/">图片</a> <a href="https://baike.baidu.com/">百科</a></td>
</tr>
<tr bgcolor="white" align="center">
<th>4</th>
<td>武动乾坤</td>
<td><img src="down.jpg"></td>
<td>623557</td>
<td>4088311</td>
<td><a href="https://tieba.baidu.com/index.html">贴吧</a> <a href="https://image.baidu.com/">图片</a> <a href="https://baike.baidu.com/">百科</a></td>
</tr>
<tr bgcolor="white" align="center">
<th>5</th>
<td>武动乾坤</td>
<td><img src="up.jpg"></td>
<td>623557</td>
<td>4088311</td>
<td><a href="https://tieba.baidu.com/index.html">贴吧</a> <a href="https://image.baidu.com/">图片</a> <a href="https://baike.baidu.com/">百科</a></td>
</tr>
<tr bgcolor="white" align="center">
<th>6</th>
<td>武动乾坤</td>
<td><img src="down.jpg"></td>
<td>623557</td>
<td>4088311</td>
<td><a href="https://tieba.baidu.com/index.html">贴吧</a> <a href="https://image.baidu.com/">图片</a> <a href="https://baike.baidu.com/">百科</a></td>
</tr>
</table>
</body>
</html>
标签：百科,4088311,练习,排行榜,623557,html,武动,乾坤,图片 From： https://blog.51cto.com/u_15937426/7816309