wangwang
/
baidu.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>百度</title>
    <style>
        a {text-decoration: none; margin-right: 10px;}
        a:link{color: black;}
        a:hover{color: blue;}
        li{ list-style-type:none}
      tfoot a {
        margin: 10px 7.5px;
        color:grey
      }

    </style>
</head>
<body>
    <table style="width: 100%; height: 100%;">
        <tr >
            <td >
                <a href="#">新闻</a>
                <a href="#">hao123</a>
                <a href="#">地图</a>
                <a href="#">直播</a>
                <a href="#">视频</a>
                <a href="#">贴吧</a>
                <a href="#">学术</a>
                <a href="#">更多</a>
            </td>
            <td  >
               <a href="#">设置</a>
               <input type="button" value="登录" style="border-radius: 10px; color: white;background: blue;">
            </td>
        </tr>
        <tr align="center" >
            <td >
                <a href="#" ><img src="D:\MyCodes\wangwang\images\b1.png" alt="" width="200px" height="100px" title="上百度，看2021年全国两会"></a>
            </td>
        </tr>
        <tr>
            <td align="center" >
               <textarea style="width:500px; height:30px; border:solid 1px gray; border-radius:10px; resize:none;">

            </textarea>
            <!-- <a href="#" ><img src="D:\MyCodes\wangwang\images\b2.png" alt=""   title="按图片搜索"></a> -->
            </td>
        </tr>
        <tr >
            <td >
                <a href="#" style="margin-left: 480px;"> 百度热榜 </a>
                <a href="#"><img src="D:\MyCodes\wangwang\images\b2.png" alt="" style="margin-left: 300px;">换一换</a>
            </td>
        </tr>
        <tr>
            <td >
                <ul style="float: left; margin-left: 420px;">
                   <a href="#"><li>1 政府工作报告拟作81处修改</li></a>
                   <a href="#"> <li>2 政府工作报告拟作81处修改</li></a>
                   <a href="#"> <li>3 政府工作报告拟作81处修改</li></a>
                </ul>
                <ul style="float: left;">
                    <a href="#"><li>4 政府工作报告拟作81处修改</li></a>
                   <a href="#"> <li>5 政府工作报告拟作81处修改</li></a>
                   <a href="#"> <li>6 政府工作报告拟作81处修改</li></a>
                </ul>
            </td>
        </tr>
        <tfoot>
            <tr >
               <td>
                <a href="#">新闻</a>
                <a href="#">设为首页</a>
                <a href="#">关于百度</a>
                <a href="#">About Baidu</a>
                <a href="#">百度营销</a>
                <a href="#">使用百度前必读</a>
                <a href="#">意见反馈</a>
                <a href="#">帮助中心</a>
                <a href="#">京公网安备11000002000001号</a>
                <a href="#">京ICP证030173号</a>
                <a href="#">©2021 Baidu</a>
                <a href="#">(京)-经营性-2017-0020</a>
               </td>
            </tr>
        </tfoot>
    </table>
</body>
</html>