DAY04

在这里插入图片描述

在这里插入图片描述

代码

<!DOCTYPE html>
<html lang="en" xmlns:https="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>百度_百度搜索</title>
    <style>
        #box {
            width: 100%;
            height: 100%;
        }
        #top {
            width: 100%;
            height: 45px;
        }
        #t {
            width: 100%;
            height: 140px;
        }
        #topleft {
            width: 50%;
            height: 45px;
            float: left;

        }
        #topleft-img {
            float: left;
            width: 110px;
            height: 45px;
            margin-left: 5px;
            /*margin: 0 auto;*/
            /*line-height: 33px;*/

        }
        #topleft-left {
            width: 530px;
            height: 30px;
            float: left;
            border: 1px solid darkgrey;
            margin: 5px auto;
            position: relative;
        }
        #topleft-right {
            width: 100px;
            height: 30px;
            float: left;
            color: white;
            border: 1px solid dodgerblue;
            background-color: dodgerblue;
            margin: 5px auto;
            text-align: center;
            line-height: 30px;
        }
        input {
            padding: 0;
            border: 0;
            width: 500px;
            height: 30px;
            outline: none;
            float: left;
            margin-left: 5px;
            font-size: 16px;
          }
        #pic {
            position: absolute;
            top: 2px;
            right: 0;
        }
        #topright {
            width: 160px;
            height: 45px;
            float: right;
        }
        #main-top {
            width: 100%;
            height: 40px;
            background-color: #f8f8f8;
        }
        .right {
            color: black;
            font-size: 12px;
            line-height: 45px;
        }
        .one {
            text-decoration: none;
            font-size: 14px;
            color: #666;
            text-align: center;
            line-height: 40px;
            /*float: left;*/
            margin-right: 20px;
        }
        .two {
            font-size: 12px;
            color: #999;
        }
         #m-top {
             width: 518px;
             height: 42px;
             margin-left: 120px;
             line-height: 42px;
         }
        .ths {
            margin-left: 121px;
            float: right;
            cursor: pointer;
            color: #666666;
            font-size: 12px;
        }
        #sou {
            display: inline-block;
            /*width: 14px;*/
            /*height: 14px;*/
            vertical-align: text-bottom;
            font-style: normal;
            overflow: hidden;
        }
        #m {
            width: 100%;
            height: 100%;
            font-size: 14px;
            color: #333;
        }
        #container-right {
            width: 47%;
            height: 1030px;
            margin-top: 5px;
            border-left: 1px solid #ebebeb;
            float: right;
            padding-left: 17px;
            color: #333333;
        }
        #container-left {
            width: 661px;
            height: 1739px;
            color: #333333;
            font-size: 14px;
            padding: 5px 0 0 121px;
        }
        #con-to {
            width: 380px;
            height: 516px;
        }
        table {
            border-collapse: separate;
            border-spacing: 2px;
        }
        .to-one {
            width: 360px;
            height: 18px;
            font-size: 14px;
            line-height: 1.29;
            /*font-weight: 700;*/
        }
        .pic {
            float: right;
            margin-top: 3px;
            margin-left: 2px;
        }
        .R {
            float: right;
            color: #0000cc;
            font-size: 13px;
            
        }
        .to-two {
            width: 360px;
            height: 160px;
        }
        .to-o {
            font-size: 13px;
            line-height: 1.54;
            color: #333333;
            word-break: normal;
            margin-top: 10px;
        }
        .c-one {
            text-align: center;
            float: left;
            margin-right: 12px;
            list-style: none;
            width: 75px;
        }
        /*.c-one {*/
        /*    margin-top: 5px;*/
        /*    text-align: center;*/
        /*    list-style: none;*/
        /*    */
        /*}*/
        .cc {
            color: blue;
        }
        .c-e {
            /*min-height: 20px;*/
            color: #999999;
            /*text-align: center;*/
            /*list-style: none;*/
        }
        .p-o {
            width: 70px;
            text-align: center;
            margin: 3px auto 0;
            font-size: 12px;
            line-height: 18px;
            word-break: break-all;
            padding: 0;
            list-style: none;
        }
        .tu {
            width: 75px;
            height: 75px;
            background-color: rgba(255,255,255,0);
            background-color: rgba(0,0,0,.03);
        }
        #con-bu {
            width: 380px;
            height: 380px;
            font-size: 13px;
            line-height: 1.54;
            color: #333333;
            word-break: normal;
            margin-top: 20px;
        }
        .picc {
            float: right;
            margin-top: -2px;
            margin-left: 2px;
        }
        .ta {
           border-collapse: collapse;
            border-spacing: 0;
            border: 0;
            width: 345px;
        }
        .num-one {
            background-color: #f54545;
        }
        .num-two {
            background-color: #ff8547;
        }
        .num-thr {
            background-color: #ffac38;
        }
        .num-four {
            background-color: #8eb9f5;
        }
        .left-co {
            background-color: #2b99ff;
        }
        .fo {
            display: inline-block;
            padding: 1px 0;
            color: white;
            width: 14px;
            line-height: 100%;
            font-size: 12px;
            text-align: center;
        }
        .ma {
            margin-right: 5px;
        }
        .sp {
            font-size: 13px;
            color: #0000cc;
            text-decoration: none;
        }
        .xi {
            top: 1px;
            background-color: #f13f40;
            display: inline-block;
            padding: 2px;
            text-align: center;
            vertical-align: text-bottom;
            font-size: 12px;
            line-height: 100%;
            font-style: normal;
            font-weight: 400;
            color: white;
            overflow: hidden;
            margin-right: 5px;
        }
        .dd {
            text-align: right;
            white-space: nowrap;
            padding-top: 6.5px;
            padding-bottom: 6.5px;
            padding-left: 10px;
            line-height: 1.54;

        }
        tr {
            width: 360px;
            height: 40px;
            font-size: 13px;
            border-bottom: 1px solid #f3f3f3;
            color: #333333;
        }
        .piss {
            margin-top: 5px;
            margin-right: 5px;
        }
        .kan {
            text-align: right;
            margin-top: 10px;
            width: 350px;
        }
        .co {
            color: #0000cc;
        }
        .ba {
            color: #c00;
        }
        .wh {
            color: white;
        }
        .gr {
            color: green;
        }
        .dd {
            color: #666666;
        }
        .left-one {
             width: 538px;
            font-size: 13px;
            line-height: 1.54;
            word-wrap: break-word;
            word-break: break-word;
            table-layout: fixed;
        }
        .t {
            font-weight: 400;
            font-size: medium;
            margin-bottom: 1px;
        }
        h3 {
            margin: 0;
            padding: 0;
            list-style: none;
        }
        em {
            text-decoration: underline;
            font-style: normal;
        }
        .gan {
            text-decoration: none;
            margin-left: 10px;
            padding: 0 5px 0 5px;
            display: inline-block;
            padding: 2px;
            text-align: center;
            vertical-align: text-bottom;
            font-size: 12px;
            line-height: 100%;
            font-style: normal;
            font-weight: 400;
            overflow: hidden;
        }
        .xia-one {
            margin-top: 5px;
            border-collapse: collapse;
            font-size: 13px;
            line-height: 1.54;
            word-break: break-word;
            width: 538px;
            height: 80px;

        }
        .xia-one_left {
            width: 121px;
            height: 75px;
            background-color: #fff;
            text-decoration: none;
            overflow: hidden;
            text-align: left;
            float: left;
            margin-right: 10px;
        }
        .xia-one_right {
            width: 397px;
            height: 80px;
            font-size: 13px;
            float: left;
        }
        .one_left-t {
            width: 397px;
            height: 60px;
        }
        .one_left-b {
            width: 397px;
            height: 20px;
        }
        .txt-de {
            text-decoration: none;
        }
        .bb {
            float: left;
        }
        .left-two {
            width: 538px;
            height: 159px;
            margin-top: 14px;
            border-collapse: collapse;
        }
        .xia-two {
            width: 538px;
            height: 130px;
        }
        .xia-two_left {
            width: 121px;
            height: 121px;
        }
        .xia-two_right {
            width: 397px;
            height: 130px;
        }
        .on {
            padding: 0;
            margin: 0;
            list-style: none;
        }
        .oo {
            height: 23px;
            line-height: 1.69em;
            margin-bottom: 2px;
            overflow: hidden;
            margin-top: 5px;
        }
    </style>
</head>
<body>
    <div id="box">
         <div id="t">
             <div id="top" style="border-bottom: 1px solid #ebebeb">
                 <div id="topleft">
                     <div id="topleft-img">
                         <img src="//www.baidu.com/img/baidu_jgylogo3.gif" height="33" width="100" alt="到百度首页"
                              title="到百度首页"/>
                         <!--                    <img src="//www.baidu.com/img/baidu_resultlogo@2.png" height="66" width="202" alt="到百度首页" title="到百度首页"/>-->
                     </div>
                     <div id="topleft-left">
                         <input type="text" value="百度">
                         <img src="xiangji.JPG" height="28" width="40" id="pic"/></div>
                     <div id="topleft-right">
                         <span>百度一下</span>
                     </div>
                 </div>
                 <div id="topright">
                     <a href="#" class="right">百度首页</a>&nbsp;&nbsp;&nbsp;
                     <a href="#" class="right">设置</a>&nbsp;&nbsp;&nbsp;
                     <a href="https://passport.baidu.com/v2/?login&tpl=mn&u=http%3A%2F%2Fwww.baidu.com%2F&sms=5" class="right">登录</a>
                 </div>

             </div>
             <div id="main-top">
                 <b  style="width: 30px;height: 28px; font-size: 14px; color: #333;  margin-right: 20px;margin-left:
                 120px;
                 border-bottom:
                         2px solid #38f; display: inline-block">网页</b>

                 <a href="https://www.baidu.com/s?rtt=1&bsst=1&cl=2&tn=news&word=%E7%99%BE%E5%BA%A6" class="one">资讯</a>

                 <a  href="https://www.baidu.com/sf/vsearch?pd=video&tn=vsearch&lid=f8e99e1600011ec9&ie=utf-8&wd=%E7%99%BE%E5%BA%A6&rsv_spt=13&rsv_bp=1&f=8" class="one">视频</a>

                 <a href="http://image.baidu.com/search/index?tn=baiduimage&ps=1&ct=201326592&lm=-1&cl=2&nc=1&ie=utf-8&word=%E7%99%BE%E5%BA%A6" class="one">图片</a>

                 <a href="https://zhidao.baidu.com/search?ct=17&pn=0&tn=ikaslist&rn=10&fr=wwwt&word=%E7%99%BE%E5%BA%A6" class="one">知道</a>

                 <a href="https://wenku.baidu.com/search?lm=0&od=0&ie=utf-8&word=%E7%99%BE%E5%BA%A6" class="one">文库</a>

                 <a href="http://tieba.baidu.com/f?fr=wwwt&kw=%E7%99%BE%E5%BA%A6" class="one">贴吧</a>

                 <a href="https://b2b.baidu.com/s?fr=wwwt&q=%E7%99%BE%E5%BA%A6" class="one">采购</a>

                 <a href="https://map.baidu.com/@13531775.58,3466675.15,12z" class="one">地图</a>

                 <a href="https://www.baidu.com/more/" class="one">更多》</a>
             </div>
             <div id="m-top">
                 <div class="ths">
                     <img src="sousuo.JPG" height="20" width="65" id="sou"/>
                     搜索工具
                 </div>
                 <span class="two">百度为您找到相关结果约100,000,000个</span>
             </div>

         </div>
         <div id="m">
<!--             下右-->
             <div id="container-right" >
                 <table cellpadding="0" cellspacing="0">
                     <tbody>
                          <tr>
                              <td align="left">
<!--                                  右上-->
                                  <div id="con-to">
<!--                                      第一块百度高管-->
                                      <div class="to-one">
                                          <a href="javascript:;" class="R">
                                             <img src="qiantou.JPG" height="18" width="40" class="pic"/>
                                              展开
                                          </a>
                                          <span title="百度高管"><b>百度高管</b></span>
                                      </div>
                                      <div  class="to-o to-two">
                                          <div class="c-one">
                                              <a href="https://www.baidu.com/s?wd=%E6%9D%8E%E5%BD%A6%E5%AE%8F&usm=4&ie=utf-8&rsv_cq=%E7%99%BE%E5%BA%A6&rsv_dl=0_right_recommends_merge_20826&cq=%E7%99%BE%E5%BA%A6&srcid=20910&rt=%E7%99%BE%E5%BA%A6%E9%AB%98%E7%AE%A1&recid=20826&euri=b1f02a70c8e5407bbee068f493457e51">
                                                  <img data-src="https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=3210116116,2698637809&fm=58" src="con-c-one.jpg" height="75" width="75"/></a>
                                              <div class="c-y">
                                                  <a title="李彦宏"
                                                     href="https://www.baidu.com/s?wd=%E6%9D%8E%E5%BD%A6%E5%AE%8F&usm=4&ie=utf-8&rsv_cq=%E7%99%BE%E5%BA%A6&rsv_dl=0_right_recommends_merge_20826&cq=%E7%99%BE%E5%BA%A6&srcid=20910&rt=%E7%99%BE%E5%BA%A6%E9%AB%98%E7%AE%A1&recid=20826&euri=b1f02a70c8e5407bbee068f493457e51" class="cc">李彦宏</a>
                                              </div>
                                              <div class="c-e">
                                                  <p class="p-o">百度创始人董事长CEO</p>
                                              </div>
                                          </div>
                                          <div class="c-one">
                                              <a href="https://www.baidu.com/s?rsv_idx=1&wd=%E4%BD%99%E6%AD%A3%E9%92%A7&usm=4&ie=utf-8&rsv_cq=%E7%99%BE%E5%BA%A6&rsv_dl=0_right_recommends_merge_20826&cq=%E7%99%BE%E5%BA%A6&srcid=20910&rt=%E7%99%BE%E5%BA%A6%E9%AB%98%E7%AE%A1&recid=20826&euri=4efc8ef50e8f4beeaa8f323a84d714b7">
                                                  <img
                                                          src="https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=1714090150,150917246&fm=58" src="con-c-two.jpg" height="75" width="75" alt=""/></a>
                                              <div class="c-y">
                                                  <a title="余正钧"
                                                     href="https://www.baidu.com/s?rsv_idx=1&wd=%E4%BD%99%E6%AD%A3%E9%92%A7&usm=4&ie=utf-8&rsv_cq=%E7%99%BE%E5%BA%A6&rsv_dl=0_right_recommends_merge_20826&cq=%E7%99%BE%E5%BA%A6&srcid=20910&rt=%E7%99%BE%E5%BA%A6%E9%AB%98%E7%AE%A1&recid=20826&euri=4efc8ef50e8f4beeaa8f323a84d714b7" class="cc">余正钧</a>
                                              </div>
                                              <div class="c-e">
                                                  <p class="p-o">百度集团首席财务官</p>
                                              </div>
                                          </div>
                                          <div class="c-one">
                                              <a href="https://www.baidu.com/s?rsv_idx=1&wd=%E5%BC%A0%E4%BA%9A%E5%8B%A4&usm=4&ie=utf-8&rsv_cq=%E7%99%BE%E5%BA%A6&rsv_dl=0_right_recommends_merge_20826&cq=%E7%99%BE%E5%BA%A6&srcid=20910&rt=%E7%99%BE%E5%BA%A6%E9%AB%98%E7%AE%A1&recid=20826&euri=986001f11e4342de8f86cf5a3dce626a">
                                                  <img
                                                          data-src="https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=3468840580,3583414617&fm=58" src="con-c-thr.jpg" height="75" width="75" alt=""/></a>
                                              <div class="c-y">
                                                  <a title="张亚勤"
                                                     href="https://www.baidu.com/s?rsv_idx=1&wd=%E5%BC%A0%E4%BA%9A%E5%8B%A4&usm=4&ie=utf-8&rsv_cq=%E7%99%BE%E5%BA%A6&rsv_dl=0_right_recommends_merge_20826&cq=%E7%99%BE%E5%BA%A6&srcid=20910&rt=%E7%99%BE%E5%BA%A6%E9%AB%98%E7%AE%A1&recid=20826&euri=986001f11e4342de8f86cf5a3dce626a" class="cc">张亚勤</a>
                                              </div>
                                              <div class="c-e">
                                                  <p class="p-o">百度总裁</p>
                                              </div>
                                          </div>
                                          <div class="c-one">
                                              <a href="https://www.baidu.com/s?rsv_idx=1&wd=%E7%8E%8B%E6%B5%B7%E5%B3%B0&usm=4&ie=utf-8&rsv_cq=%E7%99%BE%E5%BA%A6&rsv_dl=0_right_recommends_merge_20826&cq=%E7%99%BE%E5%BA%A6&srcid=20910&rt=%E7%99%BE%E5%BA%A6%E9%AB%98%E7%AE%A1&recid=20826&euri=da6d743a89944881aae163d456efdbeb">
                                                  <img data-src="https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=1093938109,2401173851&fm=58" src="con-c-four.jpg" height="75" width="75" alt=""/></a>
                                              <div class="c-y">
                                                  <a title="王海峰"
                                                     href="https://www.baidu.com/s?rsv_idx=1&wd=%E7%8E%8B%E6%B5%B7%E5%B3%B0&usm=4&ie=utf-8&rsv_cq=%E7%99%BE%E5%BA%A6&rsv_dl=0_right_recommends_merge_20826&cq=%E7%99%BE%E5%BA%A6&srcid=20910&rt=%E7%99%BE%E5%BA%A6%E9%AB%98%E7%AE%A1&recid=20826&euri=da6d743a89944881aae163d456efdbeb" class="cc">王海峰</a>
                                              </div>
                                              <div class="c-e">
                                                  <p class="p-o">百度集团首席技术官</p>
                                              </div>
                                          </div>
                                      </div>
<!--                                      第二部百度旗下产品-->
                                      <div class="to-one">
                                          <a href="#" class="R">
                                              <img src="qiantou.JPG" height="18" width="40" class="pic"/>
                                              展开
                                          </a>
                                          <span title="百度旗下产品"><b>百度旗下产品</b></span>
                                      </div>
                                      <div class="to-o to-two">
                                          <div class="c-one">
                                              <a href="https://www.baidu.com/s?rsv_idx=1&wd=%E7%99%BE%E5%BA%A6%E6%90%9C%E7%B4%A2&usm=4&ie=utf-8&rsv_cq=%E7%99%BE%E5%BA%A6&rsv_dl=0_right_recommends_merge_20826&euri=295b64828f794c0e857ccf5899c796b1">
                                                  <img
                                                          data-src="https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=3210116116,2698637809&fm=58" src="du.jpg" height="75" width="75"/></a>
                                              <div class="c-y">
                                                  <a title="百度搜索"
                                                     href="https://www.baidu.com/s?rsv_idx=1&wd=%E7%99%BE%E5%BA%A6%E6%90%9C%E7%B4%A2&usm=4&ie=utf-8&rsv_cq=%E7%99%BE%E5%BA%A6&rsv_dl=0_right_recommends_merge_20826&euri=295b64828f794c0e857ccf5899c796b1" class="cc">百度搜索</a>
                                              </div>
                                              <div class="c-e">
                                                  <p class="p-o">全球最大中文搜索引擎</p>
                                              </div>
                                          </div>
                                          <div class="c-one">
                                              <a href="https://www.baidu.com/s?rsv_idx=1&wd=%E7%99%BE%E5%BA%A6APP&usm=4&ie=utf-8&rsv_cq=%E7%99%BE%E5%BA%A6&rsv_dl=0_right_recommends_merge_20826&euri=f268c7a9c79441c4a5b1a6630fbffd48">
                                                  <img
                                                          data-src="https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=1714090150,150917246&fm=58" src="white_du.jpg" height="75" width="75" alt=""/></a>
                                              <a
                                                      href="https://www.baidu.com/s?rsv_idx=1&wd=%E7%99%BE%E5%BA%A6APP&usm=4&ie=utf-8&rsv_cq=%E7%99%BE%E5%BA%A6&rsv_dl=0_right_recommends_merge_20826&euri=f268c7a9c79441c4a5b1a6630fbffd48" class="tu"></a>
                                              <div class="c-y">
                                                  <a title="百度APP"
                                                     href="https://www.baidu.com/s?rsv_idx=1&wd=%E7%99%BE%E5%BA%A6APP&usm=4&ie=utf-8&rsv_cq=%E7%99%BE%E5%BA%A6&rsv_dl=0_right_recommends_merge_20826&euri=f268c7a9c79441c4a5b1a6630fbffd48" class="cc">百度APP</a>
                                              </div>
                                              <div class="c-e">
                                                  <p class="p-o">有事搜一搜没事看一看</p>
                                              </div>
                                          </div>
                                          <div class="c-one">
                                              <a href="https://www.baidu.com/s?rsv_idx=1&wd=%E7%99%BE%E5%BA%A6%E7%B3%AF%E7%B1%B3&usm=4&ie=utf-8&rsv_cq=%E7%99%BE%E5%BA%A6&rsv_dl=0_right_recommends_merge_20826&euri=2cb07d68a2f442fdb36cd6be790c2ed2">
                                                  <img data-src="https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=1395488884,2963423471&fm=58" src="nuomi.jpg" height="75" width="75" alt=""/></a>
                                              <div class="c-y">
                                                  <a title="百度糯米"
                                                     href="https://www.baidu.com/s?rsv_idx=1&wd=%E7%99%BE%E5%BA%A6%E7%B3%AF%E7%B1%B3&usm=4&ie=utf-8&rsv_cq=%E7%99%BE%E5%BA%A6&rsv_dl=0_right_recommends_merge_20826&euri=2cb07d68a2f442fdb36cd6be790c2ed2" class="cc">百度糯米</a>
                                              </div>
                                              <div class="c-e">
                                                  <p class="p-o">本地精品生活指南</p>
                                              </div>
                                          </div>
                                          <div class="c-one">
                                              <a href="https://www.baidu.com/s?rsv_idx=1&wd=%E7%99%BE%E5%BA%A6%E5%9C%B0%E5%9B%BE&usm=4&ie=utf-8&rsv_cq=%E7%99%BE%E5%BA%A6&rsv_dl=0_right_recommends_merge_20826&euri=d60bc1aa4a7f42589971bbd8e3c8965d">
                                                  <img
                                                          data-src="https://ss2.baidu.com/6ONYsjip0QIZ8tyhnq/it/u=3068272394,3148521573&fm=58" src="bai_qi.jpg" height="75" width="75" alt=""/></a>
                                              <div class="c-y">
                                                  <a title="百度地图"
                                                     href="https://www.baidu.com/s?rsv_idx=1&wd=%E7%99%BE%E5%BA%A6%E5%9C%B0%E5%9B%BE&usm=4&ie=utf-8&rsv_cq=%E7%99%BE%E5%BA%A6&rsv_dl=0_right_recommends_merge_20826&euri=d60bc1aa4a7f42589971bbd8e3c8965d" class="cc">百度地图</a>
                                              </div>
                                              <div class="c-e">
                                                  <p class="p-o">亿万人在用的专业地图</p>
                                              </div>
                                          </div>
                                      </div>
<!--                                      第三块互联网巨头财报-->
                                      <div class="to-one">
                                          <a href="javascript:;" class="R">
                                              <img src="qiantou.JPG" height="18" width="40" class="pic"/>
                                              展开
                                          </a>
                                          <span title="百度高管"><b>互联网巨头财报</b></span>
                                      </div>
                                      <div class="to-o to-two">
                                          <div class="c-one">
                                              <a href="https://www.baidu.com/s?rsv_idx=1&wd=%E4%BA%9A%E9%A9%AC%E9%80%8A%E8%B4%A2%E6%8A%A5&usm=4&ie=utf-8&rsv_cq=%E7%99%BE%E5%BA%A6&rsv_dl=0_right_recommends_merge_20826&euri=600000216">
                                                  <img
                                                          data-src="https://ss0.baidu.com/6ONWsjip0QIZ8tyhnq/it/u=2454436560,2890213284&fm=58" src="yamaxun.jpg" height="75" width="75"/></a>
                                              <div class="c-y">
                                                  <a title="亚马逊财报"
                                                     href="https://www.baidu.com/s?rsv_idx=1&wd=%E4%BA%9A%E9%A9%AC%E9%80%8A%E8%B4%A2%E6%8A%A5&usm=4&ie=utf-8&rsv_cq=%E7%99%BE%E5%BA%A6&rsv_dl=0_right_recommends_merge_20826&euri=600000216" class="cc">亚马逊财报</a>
                                              </div>
                                          </div>
                                          <div class="c-one">
                                              <a href="https://www.baidu.com/s?rsv_idx=1&wd=%E8%8B%B9%E6%9E%9C%E8%B4%A2%E6%8A%A5&usm=4&ie=utf-8&rsv_cq=%E7%99%BE%E5%BA%A6&rsv_dl=0_right_recommends_merge_20826&euri=600000217">
                                                  <img
                                                          data-src="https://ss0.baidu.com/6ONWsjip0QIZ8tyhnq/it/u=2252159079,2795585991&fm=58" src="iphone.jpg" height="75" width="75" alt=""/></a>
                                              <a
                                                      href="https://www.baidu.com/s?rsv_idx=1&wd=%E7%99%BE%E5%BA%A6APP&usm=4&ie=utf-8&rsv_cq=%E7%99%BE%E5%BA%A6&rsv_dl=0_right_recommends_merge_20826&euri=f268c7a9c79441c4a5b1a6630fbffd48" class="tu"></a>
                                              <div class="c-y">
                                                  <a title="苹果财报"
                                                     href="https://www.baidu.com/s?rsv_idx=1&wd=%E8%8B%B9%E6%9E%9C%E8%B4%A2%E6%8A%A5&usm=4&ie=utf-8&rsv_cq=%E7%99%BE%E5%BA%A6&rsv_dl=0_right_recommends_merge_20826&euri=600000217" class="cc">苹果财报</a>
                                              </div>
                                          </div>
                                          <div class="c-one">
                                              <a href="https://www.baidu.com/s?rsv_idx=1&wd=%E7%BD%91%E6%98%93%E8%B4%A2%E6%8A%A5&usm=4&ie=utf-8&rsv_cq=%E7%99%BE%E5%BA%A6&rsv_dl=0_right_recommends_merge_20826&euri=600000218">
                                                  <img
                                                          data-src="https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=2446660951,2923764008&fm=58" src="wangyi.jpg" height="75" width="75" alt=""/></a>
                                              <div class="c-y">
                                                  <a title="网易财报"
                                                     href="https://www.baidu.com/s?rsv_idx=1&wd=%E7%BD%91%E6%98%93%E8%B4%A2%E6%8A%A5&usm=4&ie=utf-8&rsv_cq=%E7%99%BE%E5%BA%A6&rsv_dl=0_right_recommends_merge_20826&euri=600000218" class="cc">网易财报</a>
                                              </div>
                                          </div>
                                          <div class="c-one">
                                              <a href="https://www.baidu.com/s?rsv_idx=1&wd=%E6%96%B0%E6%B5%AA%E8%B4%A2%E6%8A%A5&usm=4&ie=utf-8&rsv_cq=%E7%99%BE%E5%BA%A6&rsv_dl=0_right_recommends_merge_20826&euri=600000221">
                                                  <img data-src="https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=2363899306,2967841591&fm=58" src="sina.jpg" height="75" width="75" alt=""/></a>
                                              <div class="c-y">
                                                  <a title="新浪财报"
                                                     href="https://www.baidu.com/s?rsv_idx=1&wd=%E6%96%B0%E6%B5%AA%E8%B4%A2%E6%8A%A5&usm=4&ie=utf-8&rsv_cq=%E7%99%BE%E5%BA%A6&rsv_dl=0_right_recommends_merge_20826&euri=600000221" class="cc">新浪财报</a>
                                              </div>
                                          </div>
                                      </div>
                                  </div>
<!--                                  右下-->
                                  <div id="con-bu">
<!--                                      搜索热点-->
                                      <div class="to-one">
                                          <a href="javascript:;" >
                                              <img src="quan.JPG" height="18" width="40" class="picc"/>
                                              <span class="R">换一换</span>
                                          </a>
                                          <span title="搜索热点"><b>搜索热点</b></span>
                                      </div>
<!--                                      热搜前10-->
                                        <table class="ta">
                                            <tbody>
                                            <tr>
                                                <td>
                                                    <span>
                                                        <span class="num-one fo ma" style="margin-top: 10px">1</span>
                                                        <a title="四川内江5.4级地震"
                                                           href="https://www.baidu.com/s?rsv_idx=1&wd=%E5%9B%9B%E5%B7%9D%E5%86%85%E6%B1%9F5.4%E7%BA%A7%E5%9C%B0%E9%9C%87&usm=4&ie=utf-8&rsv_cq=%E7%99%BE%E5%BA%A6&rsv_dl=0_right_fyb_pchot_20811_01&rsf=4f494521460ede194262b4cf85c14def_1_10_1&rqid=afdf6018004180e1"  class="sp">四川内江5.4级地震</a>
                                                    </span>
                                                    <span class="xi">新</span>
                                                </td>
                                                <td class="dd">
                                                    <span style="margin-right: 20px">1486万</span>
                                                    <img src="" alt=""/>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <span>
                                                        <span class="num-two fo ma" style="margin-top: 10px">2</span>
                                                        <a title="大学生嵩山失联"
                                                           href="https://www.baidu.com/s?rsv_idx=1&wd=%E5%A4%A7%E5%AD%A6%E7%94%9F%E5%B5%A9%E5%B1%B1%E5%A4%B1%E8%81%94&usm=4&ie=utf-8&rsv_cq=%E7%99%BE%E5%BA%A6&rsv_dl=0_right_fyb_pchot_20811_01&rsf=4f494521460ede194262b4cf85c14def_1_10_2&rqid=afdf6018004180e1"  class="sp">大学生嵩山失联</a>
                                                    </span>
                                                </td>
                                                <td class="dd">
                                                    <span style="margin-right: 3px">440万</span>
                                                    <img src="red-jiantou.png" height="12" width="12" class="piss" />

                                            </tr>
                                            <tr>
                                                <td>
                                                    <span>
                                                        <span class="num-thr fo ma" style="margin-top: 10px">3</span>
                                                        <a title="世界杯16强出炉"
                                                           href="https://www.baidu.com/s?rsv_idx=1&wd=%E4%B8%96%E7%95%8C%E6%9D%AF16%E5%BC%BA%E5%87%BA%E7%82%89&usm=4&ie=utf-8&rsv_cq=%E7%99%BE%E5%BA%A6&rsv_dl=0_right_fyb_pchot_20811_01&rsf=4f494521460ede194262b4cf85c14def_1_10_3&rqid=afdf6018004180e1"  class="sp">世界杯16强出炉</a>
                                                    </span>
                                                </td>
                                                <td class="dd">
                                                    <span style="margin-right: 18px">421万</span>
                                                    <img src="" alt=""/>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <span>
                                                        <span class="num-four fo ma" style="margin-top: 10px">4</span>
                                                        <a title="中国男篮险胜韩国"
                                                           href="https://www.baidu.com/s?rsv_idx=1&wd=%E4%B8%AD%E5%9B%BD%E7%94%B7%E7%AF%AE%E9%99%A9%E8%83%9C%E9%9F%A9%E5%9B%BD&usm=4&ie=utf-8&rsv_cq=%E7%99%BE%E5%BA%A6&rsv_dl=0_right_fyb_pchot_20811_01&rsf=4f494521460ede194262b4cf85c14def_1_10_4&rqid=afdf6018004180e1"  class="sp">中国男篮险胜韩国</a>
                                                    </span>
                                                </td>
                                                <td class="dd">
                                                    <span style="margin-right: 3px">325万</span>
                                                    <img src="red-jiantou.png" height="12" width="12" class="piss" />

                                            </tr>
                                            <tr>
                                                <td>
                                                    <span>
                                                        <span class="num-four fo ma" style="margin-top: 10px">5</span>
                                                        <a title="ZAO更新用户协议"
                                                           href="https://www.baidu.com/s?rsv_idx=1&wd=ZAO%E6%9B%B4%E6%96%B0%E7%94%A8%E6%88%B7%E5%8D%8F%E8%AE%AE&usm=4&ie=utf-8&rsv_cq=%E7%99%BE%E5%BA%A6&rsv_dl=0_right_fyb_pchot_20811_01&rsf=4f494521460ede194262b4cf85c14def_1_10_5&rqid=afdf6018004180e1"  class="sp">ZAO更新用户协议</a>
                                                    </span>
                                                </td>
                                                <td class="dd">
                                                    <span style="margin-right: 3px">291万</span>
                                                    <img src="red-jiantou.png" height="12" width="12" class="piss" />

                                            </tr>
                                            <tr>
                                                <td>
                                                    <span>
                                                        <span class="num-four fo ma" style="margin-top: 10px">6</span>
                                                        <a title="章泽天弃入学资格"
                                                           href="https://www.baidu.com/s?rsv_idx=1&wd=%E7%AB%A0%E6%B3%BD%E5%A4%A9%E5%BC%83%E5%85%A5%E5%AD%A6%E8%B5%84%E6%A0%BC&usm=4&ie=utf-8&rsv_cq=%E7%99%BE%E5%BA%A6&rsv_dl=0_right_fyb_pchot_20811_01&rsf=4f494521460ede194262b4cf85c14def_1_10_6&rqid=afdf6018004180e1"  class="sp">章泽天弃入学资格</a>
                                                    </span>
                                                </td>
                                                <td class="dd">
                                                    <span style="margin-right: 3px">278万</span>
                                                    <img src="red-jiantou.png" height="12" width="12" class="piss" />

                                            </tr>
                                            <tr>
                                                <td>
                                                    <span>
                                                        <span class="num-four fo ma" style="margin-top: 10px">7</span>
                                                        <a title="李现年度人气演员"
                                                           href="https://www.baidu.com/s?rsv_idx=1&wd=%E6%9D%8E%E7%8E%B0%E5%B9%B4%E5%BA%A6%E4%BA%BA%E6%B0%94%E6%BC%94%E5%91%98&usm=4&ie=utf-8&rsv_cq=%E7%99%BE%E5%BA%A6&rsv_dl=0_right_fyb_pchot_20811_01&rsf=4f494521460ede194262b4cf85c14def_1_10_7&rqid=afdf6018004180e1"  class="sp">李现年度人气演员</a>
                                                    </span>
                                                </td>
                                                <td class="dd">
                                                    <span style="margin-right: 3px">245万</span>
                                                    <img src="red-jiantou.png" height="12" width="12" class="piss" />

                                            </tr>
                                            <tr>
                                                <td>
                                                    <span>
                                                        <span class="num-four fo ma" style="margin-top: 10px">8</span>
                                                        <a title="纳达尔晋级决赛"
                                                           href="https://www.baidu.com/s?rsv_idx=1&wd=%E7%BA%B3%E8%BE%BE%E5%B0%94%E6%99%8B%E7%BA%A7%E5%86%B3%E8%B5%9B&usm=4&ie=utf-8&rsv_cq=%E7%99%BE%E5%BA%A6&rsv_dl=0_right_fyb_pchot_20811_01&rsf=4f494521460ede194262b4cf85c14def_1_10_8&rqid=afdf6018004180e1"  class="sp">纳达尔晋级决赛</a>
                                                    </span>
                                                </td>
                                                <td class="dd">
                                                    <span style="margin-right: 3px">235万</span>
                                                    <img src="red-jiantou.png" height="12" width="12" class="piss" />

                                            </tr>
                                            <tr>
                                                <td>
                                                    <span>
                                                        <span class="num-four fo ma" style="margin-top: 10px">9</span>
                                                        <a title="埃托奥宣布退役"
                                                           href="https://www.baidu.com/s?rsv_idx=1&wd=%E5%9F%83%E6%89%98%E5%A5%A5%E5%AE%A3%E5%B8%83%E9%80%80%E5%BD%B9&usm=4&ie=utf-8&rsv_cq=%E7%99%BE%E5%BA%A6&rsv_dl=0_right_fyb_pchot_20811_01&rsf=4f494521460ede194262b4cf85c14def_1_10_9&rqid=afdf6018004180e1"  class="sp">埃托奥宣布退役</a>
                                                    </span>
                                                </td>
                                                <td class="dd">
                                                    <span style="margin-right: 3px">229万</span>
                                                    <img src="red-jiantou.png" height="12" width="12" class="piss" />

                                            </tr>
                                            <tr>
                                                <td>
                                                    <span>
                                                        <span class="num-four fo ma" style="margin-top: 10px">10</span>
                                                        <a title="刘昊然红毯滑步"
                                                           href="https://www.baidu.com/s?rsv_idx=1&wd=%E5%88%98%E6%98%8A%E7%84%B6%E7%BA%A2%E6%AF%AF%E6%BB%91%E6%AD%A5&usm=4&ie=utf-8&rsv_cq=%E7%99%BE%E5%BA%A6&rsv_dl=0_right_fyb_pchot_20811_01&rsf=4f494521460ede194262b4cf85c14def_1_10_10&rqid=afdf6018004180e1"  class="sp">刘昊然红毯滑步</a>
                                                    </span>
                                                </td>
                                                <td class="dd">
                                                    <span style="margin-right: 3px">192万</span>
                                                    <img src="red-jiantou.png" height="12" width="12" class="piss" />

                                            </tr>
                                            </tbody>
                                        </table>
<!--                                      查看更多-->
                                        <div class="kan">
                                            <a href="http://www.baidu.com/link?url=fWN0lXNnbLWVSC5DI1g_S9S-pNM9lS8G3PSWu9LX1aNlM93fdLBR1IDNFwAbNoVg" class="co">查看更多>></a>
                                        </div>
                                  </div>
                              </td>
                          </tr>
                      </tbody>
                 </table>

             </div>
<!--             下左-->
             <div id="container-left">
                  <div class="left-one">
                      <h3 class="t">
                           <a data-click="{
                           'F':'778317EA',
                           'F1':'9D73F1E4',
                           'F2':'4C26DF6A',
                           'F3':'54E5263F',
                           'T':'1567907163',
                           'y':'FF31F9D7','rsv_gwlink':'1'}"
                              href="http://www.baidu.com/link?url=M5mdL-Y5iB2IM_DfgqbzizkN3g0SHIVNxdxnI3-ny3K">
                               <em class="ba">百度</em>
                               一下,你就知道
                           </a>
                           <a class="left-co gan wh"
                              href="https://trust.baidu.com/vstar/official/intro?type=gw&fl=1&castk=LTE%3D">官网</a>
                       </h3>
                      <div class="xia-one">
                         <div class="xia-one_left">
                             <a href="http://www.baidu.com/link?url=M5mdL-Y5iB2IM_DfgqbzizkN3g0SHIVNxdxnI3-ny3K">
                                 <img src="black_du.jpg" height="75" width="121"/></a>
                         </div>
                          
                          <div class="xia-one_right">
                                <div class="one_left-t">
                                    全球最大的中文搜索引擎、致力于让网民更便捷地获取信息,找到所求。
                                    <span class="ba txt-de">百度</span>
                                    超过千亿的中文网页数据库,可以瞬间找到相关的搜索结果。
                                </div>
                                <div class="one_left-b">
                                    <a class="gr txt-de bb"
                                       href="http://www.baidu.com/link?url=M5mdL-Y5iB2IM_DfgqbzizkN3g0SHIVNxdxnI3-ny3K">https://www.baidu.com/ &nbsp;</a>
                                    <div class="bb">
                                        <a href="#">
                                            <img src="green-qiantou.png" height="10" width="10"
                                                 style="margin-top: 7px;"/>
                                        </a>
                                    </div>
                                    <span style="width: 24px;height: 24px">
                                        <a class="bb" style="margin: 7px 0 0 5px"
                                                href="https://www.baidu.com/s?wd=%E7%99%BE%E5%BA%A6%E6%97%B6%E4%BB%A3%E7%BD%91%E7%BB%9C%E6%8A%80%E6%9C%AF%E5%8C%97%E4%BA%AC%E6%9C%89%E9%99%90%E5%85%AC%E5%8F%B8@v&vmp_ec=3bb33a6e2013a53cd2199b730Y23kd7JX3899faf225=6Sdy05lebjiW0d0a7Xsd92df50935bdd4cbe&vmp_ectm=1567904152&from=vs&product=v&rsv_dl=0_left_v_3">
                                        <img src="v3.png" height="16" width="16"/></a>
                                    </span>
                                    &nbsp;-
                                    <a class="dd"
                                       href="http://cache.baiducontent.com/c?m=9f65cb4a8c8507ed19fa950d100b92235c4380146c848b4338c3933fc239045c5323befb712d0774d1d20a6c16df4d4b9bfa&p=9e759a46d2d812a05aaddd665151&newp=882a9641a4b112a05ab7d4201c5192695c02dc3051d1da01298ffe0cc4241a1a1a3aecbb24241502d9c478610abb0f31aba7747d605f76c5e9&user=baidu&fm=sc&query=%B0%D9%B6%C8&qid=afdf6018004180e1&p1=1">百度快照</a>
                                    <span >
                                         -
                                        <a class="dd"
                                                href="https://www.baidu.com/tools?url=http%3A%2F%2Fwww.baidu.com%2Flink%3Furl%3DM5mdL-Y5iB2IM_DfgqbzizkN3g0SHIVNxdxnI3-ny3K&jump=https%3A%2F%2Fkoubei.baidu.com%2Fp%2Fsentry%3Ftitle%3D%02%E7%99%BE%E5%BA%A6%03%E4%B8%80%01%E4%B8%8B%01%2C%01%E4%BD%A0%01%E5%B0%B1%01%E7%9F%A5%E9%81%93%01%26q%3D%E7%99%BE%E5%BA%A6%26from%3Dps_pc4&key=surl">7616条评价</a>
                                    </span>
                                </div>
                            <div >
                          </div>
                      </div>
                      </div>

                      <div class="left-two">
                          <h3 class="t">
                              <a data-click="{
                           'F':'778317EA',
                           'F1':'9D73F1E4',
                           'F2':'4C26DF6A',
                           'F3':'54E5263F',
                           'T':'1567907163',
                           'y':'FF31F9D7','rsv_gwlink':'1'}"
                                 href="http://www.baidu.com/link?url=M5mdL-Y5iB2IM_DfgqbzizkN3g0SHIVNxdxnI3-ny3K">
                                  <em class="ba">百度</em>
                                  <em class="ba">百度</em>
                                  百科
                              </a>
                          </h3>
                          <div class="xia-two">
                              <div class="xia-two_left bb">
                                  <a href="https://www.baidu.com/link?url=oxA0trgRrnDb5mlx8OfjsQ7sH0iD_ie6iudtBX8c5I_-WAfdl0F7-QFT86IMVY-TplYRKYWtUNq1Cj123GPfa3VQ2YA4Yi171551eTCWHhm&wd=&eqid=afdf6018004180e1000000065d745d5a">
                                      <img src="baidu-zi.jpg" height="121" width="121"/></a>
                              </div>
                              <div class="xia-two_right bb">
                                  <p class="on">
                                      <em class="ba">百度</em>
                                      (纳斯达克:BIDU),全球最大的中文搜索引擎、最大的中文网站。
                                      <em class="ba">百度</em>
                                      愿景是:成为最懂用户,并能帮助人们成长的全球顶级高科技公司。“
                                      <em class="ba">百度</em>
                                      ”二字,来自于八百年前南宋词人...
                                  </p>
                                  <p class="bb co on">
                                      <a href="http://www.baidu.com/link?url=o4ujAyb7n0C_tLoh2UxmK2xsOJZe96bwwKte5FK0iuy9eMIA5bN31mehn7lUsR_SaMpNoNmD1IJsjwulDE0FVDI1PlVweOrvG3DPkRdA8uS" title="发展简史">发展简史</a>
                                      <a style="color: #0000cc"
                                              href="http://www.baidu.com/link?url=o4ujAyb7n0C_tLoh2UxmK2xsOJZe96bwwKte5FK0iuy9eMIA5bN31mehn7lUsR_SaMpNoNmD1IJsjwulDE0FV0xoYGKFCirQM8kE9gYOxLy" title="公司理念">公司理念</a>
                                      <a href="http://www.baidu.com/link?url=o4ujAyb7n0C_tLoh2UxmK2xsOJZe96bwwKte5FK0iuy9eMIA5bN31mehn7lUsR_SaMpNoNmD1IJsjwulDE0FV3I08XxEOUKi8-gOhk_WZuW" title="财报数据">财报数据</a>
                                      <a href="http://www.baidu.com/link?url=o4ujAyb7n0C_tLoh2UxmK2xsOJZe96bwwKte5FK0iuy9eMIA5bN31mehn7lUsR_SaMpNoNmD1IJsjwulDE0FVJ5xcROwWlTFWjpgg0ZGTC3" title="产品手册">产品手册</a>
                                      <a href="http://www.baidu.com/link?url=o4ujAyb7n0C_tLoh2UxmK2xsOJZe96bwwKte5FK0iuy9eMIA5bN31mehn7lUsR_SaMpNoNmD1IJsjwulDE0FVDKhcSCDrQt_XMQq7ee9yIi" title="多语言化">多语言化</a>
                                      <a href="http://www.baidu.com/link?url=ak4rMD3SyIdDvInmQb605XtK7mCwlNpGeyqYUQSsbHj4SXhhY_Nh4Y6a7BG2XXK7UmAv8_8OMZAtvhs9PEZvKXPFCQQZXAntxob4IUQB-J3" >更多>></a>
                                  </p>
                                 <p>
                                     <a class="gr txt-de bb"
                                        href="http://www.baidu.com/link?url=M5mdL-Y5iB2IM_DfgqbzizkN3g0SHIVNxdxnI3-ny3K">https://www.baidu.com/ &nbsp;</a>
                                  <div class="bb">
                                      <a href="#">
                                          <img src="green-qiantou.png" height="10" width="10"
                                               style="margin-top: 7px;"/>
                                      </a>
                                  </div>
                                 </p>
                              </div>
                          </div>
                      </div>
                  </div>
             </div>
         </div>


    </div>
</body>
</html>
  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值