前端表格案例--小说排行榜_前端经验值排行榜案例-CSDN博客

本文链接：https://blog.csdn.net/qq_46617150/article/details/129100276

这是一个HTML代码示例，展示了一个包含关键词搜索排名的表格，包括排名、关键词、趋势、今日搜索量和最近七日的搜索数据。表格中的关键词有鬼吹灯、盗墓笔记等书籍，每个条目都链接到相关贴吧、图片和百科页面。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

实现效果

在这里插入图片描述

实现代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <table border="1" cellspacing="0">
        <tr><th>排名</th><th>关键词</th><th>趋势</th><th>今日搜索</th><th>最近七日</th><th>相关链接</th></tr>
        <tr><td>1</td><td>鬼吹灯</td><td><img src="img.PNG"></td><td>123</td><td>23456</td><td><a href="#">贴吧</a> <a href="#">图片</a> <a href="#">百科</a></td></tr>
        <tr><td>2</td><td>盗墓笔记</td><td></td><td>124</td><td>675423</td><td>贴吧 图片 百科</td></tr>
        <tr><td>3</td><td>西游记</td><td></td><td>212</td><td>7654</td><td>贴吧 图片 百科</td></tr>
        <tr><td>4</td><td>东游记</td><td></td><td>23</td><td>7676</td><td>贴吧 图片 百科</td></tr>
        <tr><td>5</td><td>甄嬛传</td><td></td><td>121</td><td>1123143</td><td>贴吧 图片 百科</td></tr>
        <tr><td>6</td><td>水浒传</td><td></td><td>576576</td><td>6746</td><td>贴吧 图片 百科</td></tr>
        <tr><td>7</td><td>三国演义</td><td></td><td>234</td><td>7686</td><td>贴吧 图片 百科</td></tr>

    </table>
</body>
</html>