HTML新浪新闻正文排版

一、视频标签

  • src：规定视频的ur1
  • controls：显示播放控件
  • width：播放器的宽度
  • height：播放器的高度
    二、音频标签
  • src:规定音频的ur1
  • controls:显示播放控件
    三、段落标签


    四、文本加粗标签：/
    五、代码

<!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;
    }
    p{
        text-indent:35px;/* 设置首行缩进 */
        line-height: 40px;/* 设置行高 */
    }
    #plast{
        text-align:right;/* 设置对齐方式 */
    }

    </style>
    <hr>
    <span class="cls" id="time">2023年03月02日21：50 </span> <span> <a href="https://tv.cctv.com/" target="_blank">央视网</a> </span>
    <hr>
    <!-- 正文 -->
    <!--  视频 -->
    <!--     src用来指定我们引入的是哪一个视频 -->
     <video src="https://v.jstv.com/a/20250204/1738671008455.shtml" controls="controls" width="950px"></video>
    <!--   音频 -->
    <audio src="https://699pic.com/music/sound-4802.html" controls></audio>
    <!--
    1、要添加文字，直接把文字复制过来即可，但是这样在页面中是没有换行功能的，需要在两段中间加上<br>,一个br换一行 -->
    <!-- <br>
    当地时间5月8日上午，俄罗斯总统普京同A在莫斯科克里姆林宫举行会谈。在庄严的迎宾曲中，A和普京分别从乔治大厅两侧沿红地毯健步走到大厅中央。新华社记者 黄敬文 摄
　　<br>
    普京在乔治大厅为A举行隆重欢迎仪式。在庄严的迎宾曲中，A和普京分别从乔治大厅两侧沿红地毯健步走到大厅中央，亲切握手合影。军乐团奏中俄两国国歌。 
    2、也可以，将段落中的文字用<p>标签包裹起来，例如：
    <p>
    当地时间5月8日上午，俄罗斯总统普京同A在莫斯科克里姆林宫举行会谈。在庄严的迎宾曲中，A和普京分别从乔治大厅两侧沿红地毯健步走到大厅中央。新华社记者 黄敬文 摄
    </p>
    <p>
    普京在乔治大厅为A举行隆重欢迎仪式。在庄严的迎宾曲中，A和普京分别从乔治大厅两侧沿红地毯健步走到大厅中央，亲切握手合影。军乐团奏中俄两国国歌。 
    </p>
    3、但是这样是没有首行缩进的，要想首行缩进还是要用CSS调整样式
     <style> 
    p{
        text-indent:35px;/* 设置首行缩进 */
        line-height: 40px;/* 设置行高 */
    }
    </style>
    4、要使部分文字有加粗效果 ，例如：
    <b>当地时间5月8日上午</b>
    <strong>当地时间5月8日上午</strong>;这个除了加粗还有强调语义
    5、责任编辑直接复制过来是靠左对齐的，如果要靠右对齐需要用CSS样式
    但是就不能用p了，因为之前已经用过了，所以给他一个id属性即可，不使用元素选择器使用id选择器
            -->
    <p>
        <strong>当地时间5月8日上午</strong>，俄罗斯总统普京同A在莫斯科克里姆林宫举行会谈。在庄严的迎宾曲中，A和普京分别从乔治大厅两侧沿红地毯健步走到大厅中央。新华社记者 黄敬文 摄
    </p>
    <img src="https://k.sinaimg.cn/n/news/crawl/147/w550h397/20250508/bc8e-18c41ebadb35e178110f8a1911b8487c.jpg/w700d1q75cms.jpg?by=cms_fixed_width">
    <p>
    普京在乔治大厅为A举行隆重欢迎仪式。在庄严的迎宾曲中，A和普京分别从乔治大厅两侧沿红地毯健步走到大厅中央，亲切握手合影。军乐团奏中俄两国国歌。 
    </p>
    <img src="https://k.sinaimg.cn/n/news/crawl/202/w550h452/20250508/c2ac-c1dde386c2caf4d2ad6efdbc05ef01c8.jpg/w700d1q75cms.jpg?by=cms_fixed_width">
    <p>
        A强调，今年是中国人民抗日战争、苏联伟大卫国战争暨世界反法西斯战争胜利80周年。80年前，中俄两国人民付出巨大牺牲，赢得伟大胜利，为维护世界和平和人类进步事业作出彪炳史册的历史贡献。当前，面对国际上的单边主义逆流和强权霸凌行径，中方将同俄方一道，肩负起作为世界大国和联合国安理会常任理事国的特殊责任，挺膺担当，共同弘扬正确二战史观，维护联合国权威和地位，坚定捍卫二战胜利成果，坚决捍卫中俄两国及广大发展中国家权益，携手推动平等有序的世界多极化、普惠包容的经济全球化。
        </p>
        <p>
            普京表示，俄中关系建立在相互平等、相互尊重基础上，不针对第三方，不受一时一事影响。坚定不移推动俄中关系发展、扩大互利合作是俄方战略选择。俄方坚定奉行一个中国原则，在台湾问题上始终支持中方立场。俄方愿同中方保持密切高层交往，加强贸易、投资、能源、农业、科技等领域务实合作，深化教育、文化、青年、旅游等人文交流，拓展远东地区合作内涵。加征高关税违背常理，也不合法，只会反噬自身。双方要加强在联合国、上海合作组织、金砖国家等多边框架内的协调和配合，支持世界多极化进程，共同反对单边主义，反对滥施制裁，反对集团对抗，维护国际社会共同利益。
        </p>
        <p id = "plast">
            责任编辑：刘光博
        </p>

</body>
</html>
posted @ 2025-05-08 23:42  琬六岁  阅读(24)  评论(0)    收藏  举报