百度搜索

最新推荐文章于 2022-10-11 18:00:01 发布
最新推荐文章于 2022-10-11 18:00:01 发布
阅读量170 收藏
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44043233/article/details/100627745
版权 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>百度搜索页面</title>
    <style>
        .input {
            width: 600px;
            height: 30px;
            background-position: right;
            background-size: 23px;
            border: 1px solid #59aaff;
            font-size: 20px;
            vertical-align: middle;
            float: left;
        }

        .btn {
            height: 34px;
            width: 100px;
            background-color: #59aaff;
            border-color: #59aaff;
            color: white;
            font-size: 15px;
            vertical-align: middle;
            float: left;
        }

        .a {
            font-size: 13px;
            line-height: 34px;
            margin-right: 10px;
            color: black;
        }

        .a2 {
            font-size: 15px;
            margin-right: 12px;
            line-height: 38px;
            width: 54px;
            height: 36px;
            color: gray;
            text-decoration: none;
        }

        .a2:hover {
            color: black;
        }
        .a3{
            font-size: 12px;
            color: #222eff;
        }
        .a4{
            font-size: 13px;
            color: #A9A9A9;
        }
    </style>
</head>
<body>
<div style="height: 500px;margin: auto">
    <div style="height: 45px;">
        <div style="position: relative;height: 34px;float:left;">
            <img src=".idea/baidu.png" style="height: 34px;width: 100px;float: left">
            <input type="text" name="baidu" value="" class="input">
            <input type="button" name="ensure" value="百度一下" class="btn">
        </div>
        <div style="position: relative;height: 34px;float:right;">
            <a href="" class="a">百度首页</a>
            <a href="" class="a">设置</a>
            <a href="" class="a">登录</a>
        </div>
    </div>
    <div style="height: 38px;clear: both;background-color:#F5F5F5">
       <span style="margin-left: 100px;">
        <a href="" class="a2">网页</a>
        <a href="" class="a2">咨询</a>
        <a href="" class="a2">视频</a>
        <a href="" class="a2">图片</a>
        <a href="" class="a2">知道</a>
        <a href="" class="a2">文库</a>
        <a href="" class="a2">贴吧</a>
        <a href="" class="a2">采购</a>
        <a href="" class="a2">地图</a>
        <a href="" class="a2">更多>></a></span>
    </div>
    <div style="width: 720px;height: 402px;margin-left: 100px;float: left;margin-top: 15px">
        <div style="width: 720px;height: 100px;">
            <div>
                <a href="" style="color: #3c3bff;font-size: 18px;">百度一下,你就知道</a>
            </div>
            <div style="float: left;margin-right: 10px">
                <img src=".idea/baidu.png" style="width: 121px;height: 100px;">
            </div>
            <div style="float: left;width: 397px;height: 60px;">
                <p style="font-size: 13px;line-height: 160%;">
                    全球最大的中文搜索引擎、致力于让网民更便捷地获取信息，找到所求。百度超过千亿的中文网页数据库，可以瞬间找到相关的搜索结果。
                </p>
            </div>
        </div>
        <div style="width: 720px;height: 100px;margin-top: 15px">
            <div style="clear: both;">
                <a href="" style="color: #3c3bff;font-size: 18px;">百度,百度百科</a>
            </div>
            <div style="float: left;margin-right: 10px">
                <img src=".idea/baidu.png" style="width: 121px;height: 100px;">
            </div>
            <div style="float: left;width: 397px;height: 60px;">
                <p style="font-size: 13px;line-height: 160%;">
                    百度（纳斯达克：BIDU），全球最大的中文搜索引擎、最大的中文网站。百度愿景是：成为最懂用户，并能帮助人们成长的全球顶级高科技公司。“百度”二字，来自于八百年前南宋词人.
                </p>
            </div>
        </div>
        <div style="width: 720px;height: 100px;margin-top: 15px">
            <div style="clear: both;">
                <a href="" style="color: #3c3bff;font-size: 18px;">百度地图</a>
            </div>
            <div style="float: left;margin-right: 10px">
                <img src=".idea/baidu.png" style="width: 121px;height: 100px;">
            </div>
            <div style="float: left;width: 397px;height: 60px;">
                <p style="font-size: 13px;line-height: 160%;">
                    浏览地图、搜索地点、查询公交驾车线路、查看实时路况,您的出行指南、生活助手。提供地铁线路图浏览,乘车方案查询,以及准确的票价和时间信息。
                </p>
            </div>
        </div>
    </div>
    <div style="width: 1px;height: 402px;float: left;margin-top: 15px;background-color: gray"></div>
    <div style="width: 350px;height: 402px;;float: left;margin-top: 15px;margin-left: 15px">
        <div>
            <span> <b>百度高管</b></span>
            <a href="" class="a3" style="margin-left:224px">收起</a>
            <img  style="width: 20px;height: 10px" src="img/16.png">
            <table>
                <tr>
                    <td><img src=".idea/1.png" style="width: 75px;height: 75px;padding-right: 8px"></td>
                    <td><img src=".idea/2.png" style="width: 75px;height: 75px;padding-right: 8px"></td>
                    <td><img src=".idea/3.png" style="width: 75px;height: 75px;padding-right: 8px"></td>
                    <td><img src=".idea/4.png" style="width: 75px;height: 75px;"></td>

                </tr>
                <tr>
                    <td style="text-align: center"><a href="" class="a3">李彦宏</a></td>
                    <td style="text-align: center"><a href="" class="a3">余正钧</a></td>
                    <td style="text-align: center"><a href="" class="a3">张亚勤</a></td>
                    <td style="text-align: center"><a href="" class="a3">王海峰</a></td>
                </tr>
                <tr class="a4">
                    <td style="text-align: center">百度创始人,董事长CEO</td>
                    <td style="text-align: center">百度集团首席财务官</td>
                    <td style="text-align: center">百度总裁</td>
                    <td style="text-align: center">百度集团首席技术官</td>
                </tr>
            </table>
        </div>
        <div style="margin-top: 20px">
            <span ><b>百度旗下产品</b></span>
            <a href="" class="a3" style="margin-left:194px">展开</a>
            <img  style="width: 20px;height: 10px" src="img/15.png">
            <table>
                <tr>
                    <td><img src=".idea/5..png" style="width: 75px;height: 75px; padding-right: 8px"></td>
                    <td><img src=".idea/6..png" style="width: 75px;height: 75px;padding-right: 8px"></td>
                    <td><img src=".idea/7.png" style="width: 75px;height: 75px;padding-right: 8px"></td>
                    <td><img src=".idea/8.png" style="width: 75px;height: 75px;"></td>
                </tr>
                <tr>
                    <td style="text-align: center"><a href="" class="a3">百度搜索</a></td>
                    <td style="text-align: center"><a href="" class="a3">百度APP</a></td>
                    <td style="text-align: center"><a href="" class="a3">百度糯米</a></td>
                    <td style="text-align: center"><a href="" class="a3">百度地图</a></td>
                </tr>
                </tr>
                <tr class="a4">
                    <td style="text-align: center">全球最大中文搜索引擎</td>
                    <td style="text-align: center">有事搜一搜没事看一看</td>
                    <td style="text-align: center">本地精品生活指南</td>
                    <td style="text-align: center">亿万人在用的专业地图</td>
                </tr>

            </table>
        </div>
    </div>
    <img src=".idea/xj.png" style="height: 30px;width: 30px;position: absolute;top: 10px;left: 670px">
</div>
</body>
</html>

在这里插入图片描述

hyminyoo
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue实现百度搜索功能
10-16
主要为大家详细介绍了vue实现百度搜索功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
易语言百度搜索
08-19
易语言百度搜索源码系统结构:易语言百度搜索源码,百度搜索 ======窗口程序集1 || ||------_按钮1_被单击 || ||------_超文本浏览框1_标题被改变 || ||------_按钮2_被单击
js正则解析字符串中html标签（解析字符串中html的img标签及其中src、name属性）
HiterCoder
04-26 6991
let str = 'aaaaaaaaaaaa\n' + '&lt;img name="U+1F608" src="../../static/images/emoji/1f608.png" style="width: 18px;height: 18px;margin: 2px;"&gt;\n' + 'bbbbbbb&lt;img name="U+1F608" src="../../sta
js解析QQ表情和emoji表情
顽石⚡
01-02 5341
使用的是vue 思路： 前端接受到的消息（我是json格式），匹配出QQ表情和emoji 匹配的格式见代码，需要注意的是emoji要先把数据通过escape转换成unicode之后再匹配 匹配的结果都是数组，遍历数组，将匹配的内容替换为img，emoji replace后需要unescape一下 v-for遍历之后，使用v-html展示内容，不能用v-text，不然选然后是字符串 需要有qq_a...
百度搜索API
热门推荐
江风引雨的博客
01-20 2万+
最近需要做一个爬取新闻网站的项目，但考虑到各个网站的搜索api都不同，且准确性较低，所以我想到了百度的高级搜索功能，于是就对其搜索api探索了一番。 以下就是我整理的百度api参数列表，可能不够全面，欢迎补充. 百度搜索API 基本链接1http://www.baidu.com/s?wd=关键字&cl=类型&pn=页码&ie=gb2312&rn=显示条数&am...
百度搜索小技巧
howard2005的专栏
03-09 2054
完全匹配搜索、标题必含关键词、特定类型文档搜索、排除不想要的资料
百度搜索指数查询工具
qq_14937049的博客
12-04 3088
百度搜索指数查询工具:如何查询百度关键词搜索量？ 1、电脑打开，搜索指数，然后点击进入指数官网。 2、进入指数官网后，在搜索框中输入关键词，然后点击开始探索。 3、点击开始探索后，就可以看到一段时间的搜索指数了。 4、下拉还可以看到资讯指数和媒体指数。 百度搜索指数查询工具:如何查询某一“关键词”百度指数？ 关键词指数批量查询工具关键字搜索指数「指数趋势搜狗指数」-SEO查 百度搜索指数查询工具:百度指数查询怎么才能一目了然的查看呢 .注册帐号以后，就可以进入指数首页，在搜索框内输入一个关键词，点击“一下”
百度搜索引擎都有哪些算法
蝙蝠侠IT
07-11 2670
随着互联网的不断发展，搜索引擎为了提高用户查询效率与反馈信息的质量，对自身算法进行不断的调整和升级。在最近几年，百度搜索引擎对自身的算法进行了很多次的重要调整与升级，重点在于打击各种违反搜索引擎友好性原则、有失公平性和质量性准则的作弊行为。在以前的文章中已经了解了四种算法分别是：蓝天算法、绿萝算法、冰桶算法以及石榴算法。接下来我们就来了解一下其它算法吧！ 1、飓风算法飓风算法主要是严厉惩罚恶劣采集为内容主要来源的网站，同时百度搜索引擎会删除恶劣的采集链接，给优质的原创内容提供更多的展示机会，促进搜索引擎生态
百度搜索url参数详解
lovewulibingbing的博客
08-27 8674
http://www.baidu.com/s?wd=关键字 wd(Keyword)：查询的关键词； http://www.baidu.com/s?wd=关键字&cl=3 cl(Class)：搜索类型，cl=3为网页搜索，cl=2为图片搜索； http://video.baidu.com/v?rn=20&pn=0 pn(Page Number)：显示结果的页数； http://www.baidu.com/s?ie=gb2312 ie(Input Encoding)：查询关键词的编码，缺省设置为
百度搜索 抓取真实url
EveDinner的博客
10-11 3033
抓取百度真实url
百度搜索api
网络架构
03-03 3510
百度搜索api查询方式时间限制显示模式搜索文档翻页页面编码 查询方式 当存在wd关键字时，q方式不生效。 方式1 wd=关键字 https://www.baidu.com/s?wd=关键字&ie=utf-8 方式2 q1--包含以下的全部的关键词 q2--包含以下的完整关键词 q3--包含以下任意一个关键词 q4--不包括以下关键词 q5--关键词位置，为空表示网页的任何地方，1表示仅网页标题中，2表示仅网页URL网址中。 q6--限定在某个指定的网站，比如q6=http://www.baidu
百度搜索神器——开发者搜索
Simonの博客
05-12 2356
开发者搜索 最近，百度更新了其开发者搜索。由原先简洁的界面更新至全新的界面，功能也多了起来。目前样式如下： 界面可以说美观了很多，而功能也是很全：可以查看 GitHub 仓库热榜，可以定义站点导航，也有在线工具的超链接。尤其在于关于搜索的方面也提升了不少： 当然，关于开发者搜索在前一段时间时，也有人提及了关于查找结果片面等问题。现在，这些问题已然修复。具体用法自然不必说，总而言之这种搜索方式非常推荐。 ...
js模拟实现百度搜索
10-15
标题中的“js模拟实现百度搜索”指的是使用JavaScript编程语言来模拟百度搜索引擎的工作原理，为用户提供一个简单的搜索功能。描述中提到的“用户在文本框里输入的是什么，就来数组中遍历每个元素，找输入的内容是否...
手机百度搜索
05-11
【手机百度搜索】是一款专为移动设备设计的搜索引擎应用，其核心功能是提供高效、便捷的网络搜索服务。与传统的网页版百度相比，手机百度搜索更注重用户体验，尤其是在移动设备上的操作简便性和速度优化。这款应用的...
四台服务器分别部署组件内容.md
最新发布
07-24
四台服务器分别部署组件内容.md
GitHub Issue 模板：提升团队协作效率的秘籍
07-24
GitHub是一个面向开源及私有软件项目的托管平台，因为只支持Git作为唯一的版本库格式进行托管，故名GitHub。GitHub提供了分布式版本控制和源代码管理（SCM）功能，此外还有一些特色功能，例如允许用户对项目进行跟踪、协调工作、管理任务和代码审查。 ### GitHub的主要特点包括： 1. **版本控制**：GitHub基于Git，一个分布式版本控制系统，可以跟踪代码的每一次更改。 2. **协作**：GitHub提供了多种工具来支持多人协作，包括分支管理、合并请求（Pull Request）、代码审查等。 3. **社区**：GitHub拥有庞大的开发者社区，用户可以探索其他项目，贡献代码，或者获取灵感。 4. **文档**：通过README文件和Wiki页面，项目可以拥有详细的文档说明。 5. **问题跟踪**：GitHub提供了问题跟踪系统，方便项目成员报告问题、讨论解决方案。 6. **Gist**：一种简单分享代码片段的方式。 7. **GitHub Actions**：自动化工作流程，可以自动运行测试、部署代码等。 8. **GitHub Pag
Day2-数据类型、常量、变量及运算符代码案例
07-24
Day2-数据类型、常量、变量及运算符代码案例
uart_top.v
07-24
uart_top
java程序设计—JAVA泡泡堂网络游戏的设计与实现(源代码+论文)49.rar
07-24
java程序设计，可供正在学习的同学研究参考。
百度搜索推广API V4开发与管理指南
百度搜索推广API V4是百度提供的一款强大的工具，允许开发人员通过编程方式自动化管理其在凤巢平台的专业版账户。此API涵盖了账户管理、关键词管理、创意服务、报告服务等多个方面，以提高广告主的推广效率和效果。 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值