仿百度页面

最新推荐文章于 2023-10-07 14:08:36 发布

Y_林大俊

最新推荐文章于 2023-10-07 14:08:36 发布

阅读量2.9k

点赞数

CC 4.0 BY-SA版权

文章标签：百度页面仿照

本文链接：https://blog.youkuaiyun.com/qqABCDYOONA/article/details/78110826

这篇博客详细介绍了如何模仿百度网页的设计，包括布局、色彩搭配以及关键元素的实现，旨在提升前端开发者的页面仿造技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

百度

可以实施搜索

<head>
    <meta charset="utf-8">
    <title>百度一下，你就知道</title>
</head>


<body>


    <table border="0px" width="1900px" height="955px">
        <tr>
            <td align="right">

                <a href="http://news.baidu.com/">
                    <font color="black">
                        <u>新闻</u>
                    </font>
                </a>&nbsp;&nbsp;
                <a href="https://www.hao123.com/">
                    <font color="black">
                        <u>hao123</u>
                    </font>
                </a>&nbsp;&nbsp;
                <a href="http://map.baidu.com/">
                    <font color="black">
                        <u>地图</u>
                    </font>
                </a>&nbsp;&nbsp;
                <a href="http://v.baidu.com/">
                    <font color="black">
                        <u>视频</u>
                    </font>
                </a>&nbsp;&nbsp;
                <a href="https://tieba.baidu.com/index.html">
                    <font color="black">
                        <u>贴吧</u>
                    </font>
                </a>&nbsp;&nbsp;
                <a href="http://xueshu.baidu.com/">
                    <font color="black">
                        <u>学术</u>
                    </font>
                </a>&nbsp;&nbsp;
                <a href="">
                    <font color="black">
                        <u>登录</u>
                    </font>
                </a>&nbsp;&nbsp;
                <a href="">
                    <font color="black">
                        <u>设置</u>
                    </font>
                </a>
                <button type="submit" style="width: 100px; height: 40px; background-color: #3385FF;">
                    <font color="azure">
                        更多产品
                    </font>

                </button>
            </td>
        </tr>
        <tr>
            <td align="center">
                <p>
                    <img src="img/bd_logo1.png" width="270px" height="129px" />

                </p>
                <!--搜索框-->
                <p>
                    <form name="wd" action="http://www.baidu.com/s">
                        <input type="hidden" name="ie" value="utf-8" />
                        <input type="text" name="wd" style="width: 540px; height: 36px;" />
                        <button type="submit" style="width: 100px; height: 36px;
                        background-color: #3385FF;">
                    <font color="azure">百度一下</font>
                    </button>
                    </form>
                </p>

            </td>
        </tr>
        <tr>
            <td align="center">
                <p>
                    <img src="img/2017-09-06_170937.png" />
                </p>
                <p>
                    <a href="https://www.baidu.com/cache/sethelp/help.html" style="color: darkgray;">
                        <u>把百度设为首页 &nbsp;&nbsp;</u>
                    </a>
                    <a href="http://home.baidu.com/" style="color: darkgray;">
                        <u>关于百度</u>&nbsp;&nbsp;

                    </a>
                    <a href="http://ir.baidu.com/phoenix.zhtml?c=188488&p=irol-irhome" style="color: darkgray;">
                        <u>About Baidu</u>&nbsp;&nbsp;

                    </a>
                    <a href="http://e.baidu.com/?refer=888" style="color: darkgray;" ;>
                        <u>百度推广</u>
                    </a>

                </p>
                <p>
                    <font size="2">©2017 Baidu</font>
                    <a href="https://www.baidu.com/duty/" style="color: darkgray;">
                        <u>使用百度前必读</u> &nbsp;&nbsp;
                    </a>
                    <a href="http://help.baidu.com/ " style="color: darkgray;">

                        <u>意见反馈</u> &nbsp;&nbsp;

                    </a>

                    <font>京ICP证030173号۩</font>&nbsp;&nbsp;&nbsp;
                    <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11000002000001">
                        <font color="darkgray">
                            <u>京公网安备11000002000001号 </u>
                        </font>

                    </a>

                    <img src="img/2017-09-06_172122.png" />
                </p>

            </td>
        </tr>
    </table>
</body>