HTML新浪新闻-标题超链接 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>焦点访谈：中国底气 新思想夯实大国粮仓</title>
</head>
<body>
   <img src="./Picture/xinlanglogo.png" > <a href="https://news.sina.com.cn/" target="_blank">新浪政务</a> >正文
    <h1>焦点访谈：中国底气 新思想夯实大国粮仓</h1>
    <style>
    h1{
      color:rgb(82,82,82);
    }
    #time{
        color:rgb(181,181,181);
        font-size:20px; /* 设置字体大小 */
    }
    a{
        color:rgb(0,0,0);
        text-decoration:none;
    }
    </style>
    <hr>
   <!--一、超链接使用代码
    通过在文字前面添加a+空格，回车可以自动生成代码,<a href=""></a>,要把所要的超链接文字包裹在代码里面，
   例如<a href="">新浪政务</a>
   1、href:指定资源访问的ur1，href中要写要跳转的地址
   2、target:然后在里面添加属性target,指定在何处打开资源链接
   _self：默认值，在当前页面打开
   _blank:在空白页面打开 -->
    <span class="cls" id="time">2023年03月02日21：50 </span> <span> <a href="https://tv.cctv.com/" target="_blank">央视网</a> </span>
  <!--二、用CSS对超链接的样式进行设置
   此时超链接是蓝色+下划线的，要修改
   还是在<style></style>中进行操作,例如
   a{
        color:rgb(0,0,0)
    }
   三、进行下划线去除
   <style>
     a{
        text-decoration:none;
    }
    </style>
   -->
    <hr>
</body>
</html>
posted @ 2025-05-08 22:58  琬六岁  阅读(50)  评论(0)    收藏  举报