html+css+js网页设计新闻算蛋4个页面大学生HTML5期末作业 Web前端网页制作 html网页制作 html css网页制作成品大学生html网页制作作业 html5+css3+js-CSDN博客

本文链接：https://blog.csdn.net/qq_42431718/article/details/145115985

html+css+js网页设计新闻算蛋4个页面大学生HTML5期末作业 Web前端网页制作 html网页制作 html css网页制作成品大学生html网页制作作业 html5+css3+js

网页作品代码简单，可使用任意HTML编辑软件（如：Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++ 等任意html编辑软件进行运行及修改编辑等操作）。

获取源码

1，访问该网站 https://download.csdn.net/download/qq_42431718/90262894
2，点击上方下载

目录1

在这里插入图片描述

项目视频

html+css+js网页设计新闻算蛋4个页面

页面1

在这里插入图片描述

页面2

在这里插入图片描述

页面3

在这里插入图片描述

页面4

在这里插入图片描述

代码展示

    <div class="header">
      <div class="sec1">
        <div class="w1100 clearfix">
          <div class="fr" style="margin-right: 25px;">

            <a class="mal" href="#" href="#" style="margin-left: 33px;">
              <img src="./image/20001468.png">
              <span>公务员邮箱</span>
            </a>
          </div>
          <div class="fl">
            <a href="#" style="margin-right: 25px;">
              <img src="./image/20001469.png">
              <span>无障碍浏览</span>
            </a>
            <a href="#">
              <img src="./image/20001470.png">
              <span>网站导航</span>
            </a>
          </div>
        </div>
      </div>
      <div class="sec2 w1100">
        <div class="logo">
          <img src="https://www.sport.gov.cn/dbsource/24245180/24245421.png">
        </div>
        <div class="search">


          <div id="select" style="display:none;">
            <div id="content">
              <span>分类</span>
            </div>
            <img id="selectImg" src="./image/20001493.png" alt="">
            <div id="selectItem" class="gda">
              <ul>
                <li><a href="">按时间都</a></li>


              </ul>
            </div>
          </div>

          <div class="search1">
            <form action="#" id="form" method="post" href="#">
              <input type="text" name="qt" class="inp" id="qt" value="" style=" border:0;" placeholder="请输入关键字">
              <input type="hidden" name="siteCode" class="inp" id="siteCode" value="bm33000001">



            </form>

          </div>


        </div>
      </div>
      <div class="sec3">
        <div class="topnav w1100">
          <ul class="clearfix nav1">
            <li class="libg"><a href="./index.html">首&nbsp;页</a></li>
            <li class="libg active one"><a href="#">机&nbsp;构</a><img src="./image/20001433.png"></li>
            <li class="libg active two"><a href="#">公&nbsp;开</a><img src="./image/20001433.png"></li>
            <li class="libg active four"><a href="#">资&nbsp;讯</a><img src="./image/20001433.png"></li>
            <li class="libg active five"><a href="#">服&nbsp;务</a><img src="./image/20001433.png"></li>
            <li class="libg active six"><a href="#">互&nbsp;动</a><img src="./image/20001433.png"></li>
            <li style="width: 5px;height: 73px;" class="libg"></li>
          </ul>

          <div class="shadow"></div>
          <div class="shadow clearfix shadow4">
            <iframe src="1_index.html" framehref="#" marginwidth="0" marginheight="0" scrolling="no" width="1100"
              height="366"></iframe>
          </div>
          <div class="shadow clearfix shadow5">
            <iframe src="2_index.html" framehref="#" marginwidth="0" marginheight="0" scrolling="no" width="1100"
              height="366"></iframe>
          </div>

          <!--      <div class="shadow0 clearfix shadow">
       <iframe src="3_index.html" framehref="#" marginwidth="0" marginheight="0" scrolling="no" width="1100" height="366"></iframe>
      </div>   -->

          <div class="shadow1 clearfix shadow">
            <iframe src="3_index.html" framehref="#" marginwidth="0" marginheight="0" scrolling="no" width="1100"
              height="366"></iframe>
          </div>
          <div class="shadow2 clearfix shadow">
            <iframe src="4_index.html" framehref="#" marginwidth="0" marginheight="0" scrolling="no" width="1100"
              height="366"></iframe>
          </div>
          <div class="shadow3 clearfix shadow">
            <iframe src="5_index.html" framehref="#" marginwidth="0" marginheight="0" scrolling="no" width="1100"
              height="366"></iframe>
          </div>
        </div>


      </div>

    </div>