百度页面+按钮的实现


<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
        <title>百度一下,你就知道</title>

    </head>
    <body>
        <table border="0px" width="100%" height="930px">
            <tr height="10%">
                <td align="right">
                    <a href="http://news.baidu.com/" style="color: black; font-weight:900;">新闻</a>&nbsp;
                    <a href="http://www.hao123.com/" style="color: black; ">hao123</a>&nbsp;&nbsp;
                    <a href="http://map.baidu.com/" style="color: black; font-weight:900;">地图</a>&nbsp;
                    <a href="http://v.baidu.com/?fr=bd" style="color: black; font-weight:900;">视频</a>&nbsp;
                    <a href="http://tieba.baidu.com/index.html" style="color: black; font-weight:900;">贴吧</a>&nbsp;
                    <a href="http://xueshu.baidu.com/" style="color: black; font-weight:900;">学术</a>&nbsp;
                    <a href="https://passport.baidu.com/v2/?login&amp;tpl=mn&amp;u=http%3A%2F%2Fwww.baidu.com%2F" style="color: black;">登录</a>&nbsp;
                    <a href="" style="color: black; ">设置</a>&nbsp;
                    <button type="submit" style="border: 0; width: 80px; height: 24px; background-color: #3388FF;" >更多产品</button>
                    &nbsp;
                </td>
            </tr>
            <tr height="40%">
                <td align="center">
                    <p>
                        <img src="img/logo.png" width= "270px" height= "129px" />
                    </p>
                    <p>
                        <form action="https://www.baidu.com/s">
                            <input type="hidden" name="ie" value="utf-8" />
                            <input type="text" name="wd" style="width: 540px; height: 36px; font-size:20px ;" />
                            <button type="submit" style="border: 0; width: 100px; height: 42px; background-color: #3388FF;" >百度一下</button>
                        </form>
                    </p>
                </td>
            </tr>
            <tr>
                <td align="center">
                    <img src="img/sjbd.png" / width="60px"><br />
                    <p>
                    <a href=" https://www.baidu.com/cache/sethelp/help.html"  style="color: #B9B9B9;width: 84px; height: 15px;" >把百度设为主页</a>&nbsp;&nbsp;
                    <a href="http://home.baidu.com/" style="color: #B9B9B9;width: 84px; height: 15px;" >关于百度</a>&nbsp;&nbsp;
                    <a href="http://ir.baidu.com/phoenix.zhtml?c=188488&p=irol-irhome" style="color: #B9B9B9;width: 84px; height: 15px;" >About Baidu</a>&nbsp;&nbsp;
                    <a href="http://e.baidu.com/?refer=888" style="color: #B9B9B9;width: 84px; height: 15px;" >百度推广</a><br />
                    <font style="color: #B9B9B9;width: 84px; height: 15px;">&copy;2017&nbsp;baidu&nbsp;</font>
                    <a href="https://www.baidu.com/duty/" style="color: #B9B9B9;width: 84px; height: 15px;" >使用百度前必读</a>
                    <a href="http://help.baidu.com/" style="color: #B9B9B9;width: 84px; height: 15px;" >意见反馈</a>
                    <font style="color: #B9B9B9;width: 84px; height: 15px;">京ICP证030173号</font>
                    <img src="img/hui.png" />&nbsp;
                    <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11000002000001" style="color: #B9B9B9;width: 84px; height: 15px;" >京公网安备11000002000001</a>
                    <img src="img/hong.png" />
                    </p>
                </td>
            </tr>
        </table>
    </body>
</html>
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值