小说排行榜案例

最新推荐文章于 2022-10-20 11:32:58 发布

souuuuuux

最新推荐文章于 2022-10-20 11:32:58 发布

阅读量701

点赞数

分类专栏： html-css练手

本文链接：https://blog.csdn.net/soraru/article/details/116956581

版权

html-css练手专栏收录该内容

10 篇文章 0 订阅

订阅专栏

新手跟练代码，毫无技术=-=

主要分享一下箭头图标。。。。因为是复制的“图片网络地址”，不是本地图片，所以大家都能用，不会图裂。

<!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" width="50%" >
        <tr>
            <th>排名</th>
            <th>关键词</th> 
            <th>趋势</th>
            <th>今日搜索</th>
            <th>最近七日</th>
            <th>相关链接</th>
        </tr>

        <tr>
        <td>1</td>
        <td>鬼吹灯</td>
        <td align="center"><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSiXvaHtU8Oj2YXehA1KmHdGZ1SYgoFDT7xGw&usqp=CAU" alt="无发显示" width="20px"></td>
        <td>345</td>
        <td>1234</td>
        <td><a href="http://google.com" target="_blank">google</a> <a href="http://www.baidu.com">百度</a> <a href="https://tieba.baidu.com/">贴吧</a></td>
        </tr> 

        <tr>
        <td>2</td>
        <td>盗墓笔记</td>
        <td align="center"><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSiXvaHtU8Oj2YXehA1KmHdGZ1SYgoFDT7xGw&usqp=CAU" alt="无发显示" width="20px"></td>
        <td>124</td>
        <td>563</td>
        <td><a href="http://google.com" target="_blank">google</a> <a href="http://www.baidu.com">百度</a> <a href="https://tieba.baidu.com/">贴吧</a></td>
        </tr> 

        <tr>
        <td>3</td>
        <td>西游记</td>
        <td align="center"><img src="http://ae01.alicdn.com/kf/He23237fc834a40c5b3f5e2f24cfeaf67W.jpg" alt="无法显示" width="25px"></td>
        <td>5555</td>
        <td>34123</td>
        <td><a href="http://google.com" target="_blank">google</a> <a href="http://www.baidu.com">百度</a> <a href="https://tieba.baidu.com/">贴吧</a></td>
        </tr> 

        <tr>
        <td>4</td>
        <td>东游记</td>
        <td align="center"><img src="http://ae01.alicdn.com/kf/He23237fc834a40c5b3f5e2f24cfeaf67W.jpg" alt="无法显示" width="25px"></td>
        <td>6666</td>
        <td>34134</td>
        <td><a href="http://google.com" target="_blank">google</a> <a href="http://www.baidu.com">百度</a> <a href="https://tieba.baidu.com/">贴吧</a></td>
        </tr> 

        <tr>
        <td>5</td>
        <td>甄嬛传</td>
        <td align="center"><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSiXvaHtU8Oj2YXehA1KmHdGZ1SYgoFDT7xGw&usqp=CAU" alt="无发显示" width="20px"></td>
        <td>24</td>
        <td>16</td>
        <td><a href="http://google.com" target="_blank">google</a> <a href="http://www.baidu.com">百度</a> <a href="https://tieba.baidu.com/">贴吧</a></td>
        </tr> 

        <tr>
        <td>6</td>
        <td>水浒传</td>
        <td align="center"><img src="http://ae01.alicdn.com/kf/He23237fc834a40c5b3f5e2f24cfeaf67W.jpg" alt="无法显示" width="25px"></td>
        <td>8888</td>
        <td>45154</td>
        <td><a href="http://google.com" target="_blank">google</a> <a href="http://www.baidu.com">百度</a> <a href="https://tieba.baidu.com/">贴吧</a></td>
        </tr> 

        <tr>
        <td>7</td>
        <td>三国演义</td>
        <td align="center"><img src="http://ae01.alicdn.com/kf/He23237fc834a40c5b3f5e2f24cfeaf67W.jpg" alt="无法显示" width="25px"></td>
        <td>7536892</td>
        <td>342145242</td>
        <td><a href="http://google.com" target="_blank">google</a> <a href="http://www.baidu.com">百度</a> <a href="https://tieba.baidu.com/">贴吧</a></td>
        </tr> 

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