仿写百度初始搜索界面

最新推荐文章于 2022-01-09 22:38:10 发布

yin1004981045

最新推荐文章于 2022-01-09 22:38:10 发布

阅读量754

点赞数 3

分类专栏：任务进程文章标签：百度仿写 html以及css练习

本文链接：https://blog.csdn.net/yin1004981045/article/details/82994633

版权

任务进程专栏收录该内容

1 篇文章 0 订阅

订阅专栏

仿写了百度初始界面，右边更多设置里面的下拉框尚未编写完成，下方下划线连结问题有待处理，不过初步来看算是完成了仿写任务。代码如下：

<html>
<head>
    <meta charset="UTF-8">
    <title>百度界面仿写</title>
    <style>
        div {
            width: 400px;
            border: 0px;
            padding: 0px;
            margin: 25px;
        }
        one{
            font-family: 黑体;
            font-size:13px;
            color:black;
        }
        two{
            font-family: 宋体;
            font-size:12px;
            color:lightgrey;
        }
        three{
            font-family:宋体;
            font-size:13px;
            color:grey;
        }
        a {
            color: black;
        }

    </style>
</head>
<body>
<table border="0" width="100%" height="100px">
    <tr height="50%">
        <td align="right">
            <one>
                <br>
                <a href="http://news.baidu.com/">新闻</a>&nbsp;
                <a href="https://www.hao123.com/">hao123</a>&nbsp;
                <a href="https://www.hao123.com/">地图</a>&nbsp;
                <a href="http://v.baidu.com/">视屏</a>&nbsp;
                <a href="https://tieba.baidu.com/index.html">贴吧</arc>&nbsp;
                    <a href="http://xueshu.baidu.com/">学术</a>&nbsp;
                    <a href="http://i.baidu.com/" title="个人中心 账号设置 意见反馈 退出">登陆</a>&nbsp;
                    <a href="" title="搜索设置 高级搜索 关闭设置 搜索历史" >设置</a>&nbsp;
                    <a href="">更多设置</a>
            </one>
        </td>
    </tr>
    <td align="center">
        <br>
        <br>
        <div>
            <a href="http://baidu.com/" target="_blank"><img src="baidulogo.png" height="92" width="235"/></a>
        </div>
        <p>
        <form action="https://www.baidu.com/s">
            <input type="hidden"  name="ie" value="gbk"/>
            <input type="text" name="wd" style="width: 540px; height: 36px;"/>
            <button type="submit" style="border: 0; width: 100px; height: 36px; background-color:#385FFF;color: #ffffff;">百度一下</button>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
        </form>
        </p>
    </td>
    <tr>
        <td align="center">
            <p>
                <img src="two-bar-codes.jpg" width="60px" height="60px"/>
            </p>
            <three>百度</three>
            <two>
                <p>
                    <a href="https://www.baidu.com/cache/sethelp/index.html">
                        <u>把百度设置为主页</u>&nbsp;&nbsp
                    </a>
                    <a href="http://home.baidu.com">
                        <u>关于百度</u>&nbsp;&nbsp
                    </a>
                    <a href="http://ir.baidu.com/phoenix.zhtml?c=188488&p=irol-irhome">
                        <u>About&nbsp;Baidu&nbsp;&nbsp;</u>
                    </a>
                    <a href="http://e.baidu.com/?refer=888">
                        <u>百度推广</u>
                    </a>
                </p>
                <p>
                    <a href="https://www.baidu.com/duty/">
                        <u>@2017Baidu 使用百度前必读 </u>
                    </a>
                    <a href="http://help.baidu.com/">
                        <u> 意见反馈</u>
                    </a>
                    <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11000002000001">
                        <u>京ICP整0301731号</u>
                        <img src="police.png" height="15" width="15"/>
                    </a>
                    <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11000002000001">
                        <u>&nbsp;&nbsp;京公网安备11000002000001号</u>
                        <img src="police2.png"  height="15" witch="15"/>
                    </a>
                </p>
            </two>
        </td>
    </tr>

</table>
</body>
</html>

yin1004981045

关注

3
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
仿写百度初始搜索界面

仿写了百度初始界面，右边更多设置里面的下拉框尚未编写完成，下方下划线连结问题有待处理，不过初步来看算是完成了仿写任务。代码如下：&lt;html&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;百度界面仿写&lt;/title&gt; &lt;style&gt; div {
复制链接

扫一扫