新闻页面制作（初级）

小令yyds

已于 2023-04-09 02:26:51 修改

阅读量87

点赞数

文章标签：前端

于 2023-04-09 02:25:38 首次发布

本文链接：https://blog.csdn.net/m0_63841538/article/details/130037636

版权

代码如下：

<!DOCTYPE html>
<html lang="新闻">
  <head>
    <title>马克龙为什么要去中山大学？</title>
    <style type="text/css">

    .one{
        width: 100px;
        height:150px;
    }
    .two{
        float: left;
        color: green;
    }
    .four{
        float: right;
    }
     ul{
        list-style: none;

    }
    .nav{
        width:900px;
        height: 65px;
        background-image: url(C:\\image\\bg.jpg);
        background-repeat: repeat-x;
    }
    .nav ul{
        width:1200px;
        height: 65px;
        text-align: center;
        position: absolute;
        top: 0;
        left: 200px;
    }
    .nav > ul > li{
        width: 100px;
        height: 65;
        float: left;
        line-height: 65px;
    }
    .nav > ul > li:hover{
        background-color: #B22222;
        cursor: pointer;
    }
    .five{
        float: right;
        width: 150px;
        height: 150px;
    }
    .six{
        float: right;
        width: 50px;
        height: 50px;
    }
    .seven{
        width: 600px;
        height: 300px;
    }
    .qisha{
        float: right;
    }
    </style>
  </head>
  <body>
  <div><img src="C:\网页前端制作\images\D)6XV5$J%$AI8L]@7D`BTOH.jpg" class="one"><p class="two">小令新闻</p>
    <div class="nav">
        <ul>
            <li><a href="#">要闻</a></li>
            <li><a href="#">北京</a></li>
            <li><a href="#">财经</a></li>
            <li><a href="#">科技</a></li>
            <li><a href="#">娱乐</a></li>
            <li><a href="#">军事</a></li>
            <li><a href="#">国际</a></li>
            <li><a href="#">游戏</a></li>
            <li><a href="#">电竞</a></li>
            <li><a href="#">乐活</a></li>
            <li><a href="#">NBA</a></li>
            <li><a href="#">体育</a></li>
            <img src="C:\网页前端制作\images\MS59_A_1{]VDW[T2TIRC{31.jpg" class="six">
            <a href="#" class="five">请登录</a>
        </ul>
    </div>
  </div>
  <h1 align="center">马克龙为什么要去中山大学？</h1>
  <img src="\C:\网页前端制作\images\9WY$BJBZRKZ00{3X)E$N~34.jpg" style="position:relative;left:500px;">
  <div>2022年4月4日，法国总统马克龙在访问中国期间，特地前往广东省中山大学，并在该校进行了主题为“法中青年人的责任与机遇”的演讲。这一举动引起了广泛的关注和热议，很多人都在思考，为什么马克龙要去中山大学？这背后隐藏了哪些深层次的原因和意义？本文将就此展开探讨。</div>
  <img src="C:\网页前端制作\images\WCTXY_B7BEXS_UNR$}6M6LP.jpg" class="seven" style="position:relative;left:450px;">
  <div>首先，从战略层面来看，马克龙此次前往中山大学，是为了巩固和拓展法中两国的战略伙伴关系。法国和中国在经济、文化、科技等多个领域有着广泛的合作和交流，而教育也是这一合作的重要组成部分。中山大学是中国南方地区著名的高等教育机构，拥有良好的学术声誉和国际影响力，是法国和中国教育合作的重要平台。此次访问，马克龙将通过参观校园、与师生交流、发表演讲等方式，进一步加深对中法教育合作的认识和了解，为未来两国合作奠定坚实的基础。</div>
  <img src="C:\网页前端制作\images\8@AVP8LQ{@Z03HU%)B4NG)M.jpg" style="position:relative;left:600px;">
  <div>其次，从文化层面来看，马克龙此次前往中山大学，是为了推动法中两国的文化交流和人文交流。文化交流是推动两国关系发展的重要因素，而教育是文化交流的重要载体。中山大学是中国南方地区著名的高等教育机构，具有深厚的文化底蕴和人文氛围。通过访问中山大学，马克龙将有机会与中山大学师生交流，了解中国的文化和传统，加深对中国的认识和理解，进一步推动法中两国的文化交流和人文交流。</div>
  <div>
      <p class="qisha">报道人：不愿透露姓名的江湖人士</p>
  </div>
  </body>
</html>

运行页面如下: