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

百度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>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章