**一个模仿百度的案例**

百度logo百度二维码
效果图

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
    </head>
    <body>
        <table border="0px" width="100%" height="900px">
            <tr height="10%">
                <td align="right">
                    <a href="http://news.baidu.com"><font color="black">新闻</font></a>&nbsp;&nbsp;
                    <a href="http://www.hao123.com"><font color="black">hao123</font></a>&nbsp;&nbsp;
                    <a href="http://map.baidu.com"><font color="black">地图</font></a>&nbsp;&nbsp;
                    <a href="http://v.baidu.com"><font color="black">视频</font></a>&nbsp;&nbsp;
                    <a href="http://tieba.baidu.com"><font color="black">贴吧</font></a>&nbsp;&nbsp;
                    <a href="http://xueshu.baidu.com"><font color="black">学术</font></a>&nbsp;&nbsp;
                    <a href="http://passport.baidu.com/v2/?login&tpl=mn&u=http%3A%2F%2Fwww.baidu.com%2F"><font color="black">登录</font></a>&nbsp;&nbsp;
                    <a href="http://www.baidu.com/gaoji/preferences.html"><font color="black">设置</font></a>&nbsp;&nbsp;
                    <a href="http://www.baidu.com/more///"><font color="black">更多产品</font></a>&nbsp;&nbsp;
                </td>
            </tr>
            <tr height="30%">
                <td align="center">
                    <!--logo-->
                    <p>
                        <img src="img/logo.png" weight="270" height="129"/>
                    </p>
                    <!--搜索框-->
                    <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;font-size: 20px;" />
                            <button type="submit" style="border: 0;width: 100px;height: 36px;background-color: #3385FF;color: white;"><b>百度一下</b></button>
                        </form>
                    </p>
                </td>
            </tr>
            <tr height="20%">
                <td align="center">
                </td>
            </tr>
            <tr height="40%">
                <td align="center">
                    <img src="img/2017-09-06_175540.jpg"/><br />
                    <strong>手机百度</strong><br /><br />
                    <p>
                        <a href="http://www.baidu.com/cache/sethelp/help.html">
                            <font color="#999999" size="2">把百度设为主页</font>
                        </a>&nbsp;&nbsp;
                        <a href="http://home.baidu.com/">
                            <font color="#999999" size="2">关于百度</font>
                        </a>&nbsp;&nbsp;
                        <a href="http://ir.baidu.com/phoenix.zhtml?c=188488&p=irol-irhome">
                            <font color="#999999" size="2">About Baidu</font>
                        </a>&nbsp;&nbsp;
                        <a href="http://e.baidu.com/?refer=888">
                            <font color="#999999" size="2">百度推广</font>
                        </a><br />
                    </p>
                    <p>
                        <font color="#999999" size="2">©2017&nbsp;Baidu&nbsp;</font>
                        <a href="https://www.baidu.com/duty/">
                            <font color="#999999" size="2">使用百度前必读</font>
                        </a>
                        <a href="http://help.baidu.com/">
                            <font color="#999999" size="2">意见反馈</font>
                        </a>
                        <font color="#999999" size="2">&nbsp;京ICP证030173号&nbsp;</font>
                        <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11000002000001">
                            <font color="#999999" size="2">京公网安备11000002000001号</font>
                        </a>
                    </p>
                </td>
            </tr>
        </table>
    </body>
</html>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值