HTML-04.新浪新闻-标题-超链接

天上掉下来个程小白2024-08-07 3:09

1.超链接

标签：<a>

属性：

href：指定资源访问的url

target：指定在何处打开资源链接

_self:默认值

_blank:在空白页面打开

2.CSS属性

text-decoration：规定添加到文本的修饰，none表示定义标准的文本(无任何修饰)。

color：定义文本的颜色

html 复制代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>焦点访谈：中国底气 新思想夯实大国粮仓_新浪新闻</title>
    <!-- 
        1.超链接
        标签：<a>
        属性：
            href：指定资源访问的url
            target：指定在何处打开资源链接
                _self:默认值
                _blank:在空白页面打开
        2.CSS属性
        text-decoration：规定添加到文本的修饰，none表示定义标准的文本(无任何修饰)。
        color：定义文本的颜色
    -->
    <style> 
        h1 {
            color: #4D4F53;
        }
        .cls {
            color: #8897BA;
            font-size: 16px;
        }
        a {
            color: #141B23;
            text-decoration: none;
        }
    </style>
</head>
<body>
    <img src="./img/news_logo.png" > <a href="https://gov.sina.com.cn/" target="_self">新浪政务</a> >正文
    <h1>  
        焦点访谈：中国底气 新思想夯实大国粮仓
    </h1>
    <hr>
    <span id="time" class="cls">2023年03月02日 21:50</span> <span><a href="https://news.cctv.com/2023/03/02/ARTIUCKFf9kE9eXgYE46ugx3230302.shtml" target="_blank">央视网</a></span>
    <hr>
</body>
</html>