模仿百度一下页面（静态）

最新推荐文章于 2021-06-30 07:28:22 发布

zhuhui2000

最新推荐文章于 2021-06-30 07:28:22 发布

阅读量528

点赞数 2

分类专栏： HTML基础

本文链接：https://blog.csdn.net/zhuhui2000/article/details/83271147

版权

HTML基础专栏收录该内容

4 篇文章 0 订阅

订阅专栏

百度一下页面静态

[1 ] 首先，需要规划自己的页面布局，确定自已需要用到的标签以及属性
具体代码如下：

<head>
    <meta charset="UTF-8">
    <title>百度</title>
    <style type="text/css">
        a:link{color: black;}
        a:visited{color: blue;}
    </style>

</head>
<body>
<table border="0" width="1300" height="10" cellspacing="0" cellpadding="0">
    <tr>
        <td align="right"width="1300">
             <a href="#" target="_blank">新闻</a>  &nbsp;
            <a href="#" target="_blank" >h123</a> &nbsp;
            <a href="#" target="_blank" >地图</a>  &nbsp;
            <a href="#" target="_blank" >视频</a> &nbsp;
            <a href="#" target="_blank" >贴吧</a> &nbsp;
            <a href="#" target="_blank" >学术</a> &nbsp;
            <a href="#" target="_blank" >登陆</a> &nbsp;
            <a href="#" target="_blank" >设置</a> &nbsp;
            <a href="#" target="_blank" >更多产品</a> &nbsp;
        </td>
    </tr>

    <tr>
        <td align="center" vlign="bottom"  height="200">
            <img src="2.png">
        </td>
    </tr>
    <tr valign="top">
        <td align="center" >
            <input type="text" value=""  align="center" style="height:30px;width:600px;><input type="image" src="45D%5D~%606%5DK%7B55O7_0%5B)XL~@P.png" value="" align="center">
        </td>
    </tr>
    <tr align="center">
        <td height="300" >
        <input type="image" src="3.png" align="center">
        </td>
    </tr>
    <tr>
        <td align="center">
            <a href="#" target="_blank" >把百度设为主页</a> &nbsp; &nbsp;
            <a href="#" target="_blank" >关于百度</a> &nbsp; &nbsp;
            <a href="#" target="_blank" >about baidu</a> &nbsp; &nbsp;
            <a href="#" target="_blank" >百度推广</a> &nbsp; &nbsp;
        </td>
    </tr>
    <tr>
        <td align="center">
            <p>&copy;2018 百度    &nbsp; &nbsp;<a href="#" target="_blank" >使用百度前必读</a> &nbsp; &nbsp;
                <a href="#" target="_blank" >意见反馈</a>v &nbsp; 京ICP证030173号  京公网备110000020000001号
            </p>
        </td>

    </tr>
</table>

</body>
</html>