HTML小说排行榜案例

最新推荐文章于 2024-05-06 17:11:44 发布

永生辉皇

最新推荐文章于 2024-05-06 17:11:44 发布

阅读量1.4k

点赞数 1

文章标签： html 前端

本文链接：https://blog.csdn.net/qq_47804149/article/details/126636587

版权

案例来源：

黑马前端

代码：

<!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>小说排行榜</title>
</head>

<body>
    <table align="center" width="500" height="249" border="1" cellspacing="0">
        <thead>
            <tr>
                <th>排名</th>
                <th>关键词</th>
                <th>趋势</th>
                <th>近日搜索</th>
                <th>最近七日</th>
                <th>相关链接</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>1</td>
                <td>鬼吹灯</td>
                <td>↓</td>
                <td>465</td>
                <td>344</td>
                <td><a href="#">贴吧</a> <a href="#">腾讯</a> <a href="#">百度</a></td>
            </tr>
            <tr>
                <td>2</td>
                <td>西游记</td>
                <td>↑</td>
                <td>789</td>
                <td>298</td>
                <td><a href="#">贴吧</a> <a href="#">腾讯</a> <a href="#">百度</a></td>
            </tr>
            <tr>
                <td>3</td>
                <td>盗墓笔记</td>
                <td>↓</td>
                <td>239</td>
                <td>210</td>
                <td><a href="#">贴吧</a> <a href="#">腾讯</a> <a href="#">百度</a></td>
            </tr>
            <tr>
                <td>4</td>
                <td>鬼吹灯</td>
                <td>↓</td>
                <td>465</td>
                <td>344</td>
                <td><a href="#">贴吧</a> <a href="#">腾讯</a> <a href="#">百度</a></td>
            </tr>
            <tr>
                <td>5</td>
                <td>鬼吹灯</td>
                <td>↓</td>
                <td>465</td>
                <td>344</td>
                <td><a href="#">贴吧</a> <a href="#">腾讯</a> <a href="#">百度</a></td>
            </tr>
        </tbody>

    </table>
</body>

</html>

效果：