HTML5教程

前端学习11.25小说排名实例

本文主要是介绍前端学习11.25小说排名实例,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
<!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 border="2" cellpadding="20" cellspacing="0" align="center"> 
        <tr> 
            <th>排名</th><th>关键词</th><th>趋势</th><th>进入搜索</th><th>最近七日</th><th>相关链接</th>
        </tr>
        <tr>    
            <td>1</td><td>鬼吹灯1</td><td><img src="https://picnew1.photophoto.cn/20070814/xiangxiajiantoutubiaotupian-11599329_1.jpg" width="30"></td><td>456</td><td>123</td><td><a href="#">百度</a> <a href="#">贴吧</a> <a href="#">知乎</a></td>
        </tr>
        <tr>    
            <td>1</td><td>鬼吹灯2</td><td><img src="https://img.51miz.com/Element/00/79/73/03/e3ff4ab9_E797303_ad1639f6.png"  width="30"></td><td>456</td><td>123</td><td><a href="#">百度</a> <a href="#">贴吧</a> <a href="#">知乎</a></td>
        </tr>
        <tr>    
            <td>1</td><td>鬼吹灯3</td><td><img src="https://picnew1.photophoto.cn/20070814/xiangxiajiantoutubiaotupian-11599329_1.jpg" width="30"></td><td>456</td><td>123</td><td><a href="#">百度</a> <a href="#">贴吧</a> <a href="#">知乎</a></td>
        </tr>
        <tr>   
            <td>4</td><td>鬼吹灯4</td><td><img src="https://img.51miz.com/Element/00/79/73/03/e3ff4ab9_E797303_ad1639f6.png" width="30" ></td><td>456</td><td>123</td><td><a href="#">百度</a> <a href="#">贴吧</a> <a href="#">知乎</a></td>
        </tr>
        <tr>    
            <td>1</td><td>鬼吹灯5</td><td><img src="https://img.51miz.com/Element/00/79/73/03/e3ff4ab9_E797303_ad1639f6.png" width="30" ></td><td>456</td><td>123</td><td><a href="#">百度</a> <a href="#">贴吧</a> <a href="#">知乎</a></td>
        </tr>
    </table>
</body>
</html>

效果图

这篇关于前端学习11.25小说排名实例的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!