Demo2 百度新闻列表

软件:HBuliderX

web前端-html基础2-demo2百度新闻

web前端-html基础2-demo2百度新闻

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>百度新闻列表</title>
    </head>
    <body>
        <h1>科技<img src="img/icon-mark.png"/></h1>
            <!--  <img src""/>标签是一个单标签 ,添加图片,""内是图片相对地址
                  <a href=""> </a>是双标签,超链接,""内是地址-->
        <hr>
        <ul> <!--无序列表-->
            <li>
                <a href="http://baijiahao.baidu.com/s?id=1657805098335308622">微信视频号追赶抖音快手,张小龙胜算几何?</a>
            </li>
            <li>
                <a href="http://baijiahao.baidu.com/s?id=1657563561010422167">一个时代结束!TCL今年8月底将不再设计、制造和销..</a>
            </li>
            <li>
                <a href="http://baijiahao.baidu.com/s?id=1657568186736874172">中国制造再获认可,挑战韩国在行业内的领导地位</a>
            </li>
            <li>
                <a href="http://baijiahao.baidu.com/s?id=1657571609536069263">马斯克直聘AI人才:高中毕没毕业无所谓,但是编程能..</a>
            </li>
        </ul>
        
        <ol> <!--<ol></ol>标签,有序列表-->
            <li>
                <a href="http://baijiahao.baidu.com/s?id=1657805098335308622">微信视频号追赶抖音快手,张小龙胜算几何?</a>
            </li>
            <li>
                <a href="http://baijiahao.baidu.com/s?id=1657563561010422167">一个时代结束!TCL今年8月底将不再设计、制造和销..</a>
            </li>
            <li>
                <a href="http://baijiahao.baidu.com/s?id=1657568186736874172">中国制造再获认可,挑战韩国在行业内的领导地位</a>
            </li>
            <li>
                <a href="http://baijiahao.baidu.com/s?id=1657571609536069263">马斯克直聘AI人才:高中毕没毕业无所谓,但是编程能..</a>
            </li>
        </ol>
    </body>
</html>

相关文章: