用HTML中的表格属性实现百度首页

最新推荐文章于 2024-02-16 23:45:17 发布

Z_唐

最新推荐文章于 2024-02-16 23:45:17 发布

阅读量990

点赞数

分类专栏： HTML/CSS 文章标签： html 百度

本文链接：https://blog.csdn.net/xmz1996/article/details/78113565

版权

HTML/CSS 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

这里写图片描述

<html>

    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
        <title></title>
        <script type="text/javascript">
            document.addEventListener('plusready', function() {
                //console.log("所有plus api都应该在此事件发生后调用，否则会出现plus is undefined。"

            });
        </script>
    </head>

    <body>
        <table border="0px" width="100%" height="900px">
            <tr height="10%">
                <td align="right">
                    <a href="https://www.xinwen.com/s">新闻</a>
                    <a href="https://www.hao123.com/s">hao123</a>
                    <a href="https://www.ditu.com/s">地图</a>
                    <a href="https://www.shiping.com/s">视屏</a>
                    <a href="https://www.tieba.com/s">贴吧</a>
                    <a href="https://www.xueshu.com/s">学术</a>
                    <a href="https://www.denglu.com/s">登录</a>
                    <a href="https://www.shezhi.com/s">设置</a>
                    <a href="">更多产品</a>&nbsp;&nbsp;
                </td>
            </tr>
            <tr height="50%">
                <td align="center">
                    <P>
                        <img src="img/百度图片.png" width="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: #3385FF;">百度一下</button>
                        </form>
                    </p>
                </td>
            </tr>
            <tr height="25%">
                <td align="center">
                    <p>
                        <img src="img/手机百度.png" width="60px" height="60px" />
                    </p>
                    <p align="center">
                        <b>手机百度</b>
                    </p>
                    <p>
                        <a href="">把百度设为主页</a>&nbsp;&nbsp;
                        <a href="">关于百度</a>&nbsp;&nbsp;
                        <a href="">About Baidu</a>&nbsp;&nbsp;
                        <a href="">百度推广</a>&nbsp;&nbsp;
                    </p>
                    <p>
                        ©2017 Baidu
                        <a href="">使用百度前必读，意见反馈</a>京ICP证030173号<img src="img/copy_rignt_24.png" />&nbsp;&nbsp;
                        <a href="">京公网安备11000002000001号</a><img src="img/SXP(C3)C@)7H3VP8CE$(MJJ.png" />&nbsp;&nbsp;
                    </p>
                </td>
            </tr>
    </body>

</html>