百度页面+按钮的实现



<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
        <title>百度一下,你就知道title>

    head>
    <body>
        <table border="0px" width="100%" height="930px">
            <tr height="10%">
                <td align="right">
                    <a href="http://news.baidu.com/" style="color: black; font-weight:900;">新闻a<a href="http://www.hao123.com/" style="color: black; ">hao123a>  
                    <a href="http://map.baidu.com/" style="color: black; font-weight:900;">地图a<a href="http://v.baidu.com/?fr=bd" style="color: black; font-weight:900;">视频a<a href="http://tieba.baidu.com/index.html" style="color: black; font-weight:900;">贴吧a<a href="http://xueshu.baidu.com/" style="color: black; font-weight:900;">学术a<a href="https://passport.baidu.com/v2/?login&tpl=mn&u=http%3A%2F%2Fwww.baidu.com%2F" style="color: black;">登录a<a href="" style="color: black; ">设置a<button type="submit" style="border: 0; width: 80px; height: 24px; background-color: #3388FF;" >更多产品button>
                     
                td>
            tr>
            <tr height="40%">
                <td align="center">
                    <p>
                        <img src="img/logo.png" width= "270px" height= "129px" />
                    p>
                    <p>
                        <form action="https://www.baidu.com/s">
                            <input type="hidden" name="ie" value="utf-8" />
                            <input type="text" name="wd" style="width: 540px; height: 36px; font-size:20px ;" />
                            <button type="submit" style="border: 0; width: 100px; height: 42px; background-color: #3388FF;" >百度一下button>
                        form>
                    p>
                td>
            tr>
            <tr>
                <td align="center">
                    <img src="img/sjbd.png" / width="60px"><br />
                    <p>
                    <a href=" https://www.baidu.com/cache/sethelp/help.html"  style="color: #B9B9B9;width: 84px; height: 15px;" >把百度设为主页a>  
                    <a href="http://home.baidu.com/" style="color: #B9B9B9;width: 84px; height: 15px;" >关于百度a>  
                    <a href="http://ir.baidu.com/phoenix.zhtml?c=188488&p=irol-irhome" style="color: #B9B9B9;width: 84px; height: 15px;" >About Baidua>  
                    <a href="http://e.baidu.com/?refer=888" style="color: #B9B9B9;width: 84px; height: 15px;" >百度推广a><br />
                    <font style="color: #B9B9B9;width: 84px; height: 15px;">©2017 baidu font>
                    <a href="https://www.baidu.com/duty/" style="color: #B9B9B9;width: 84px; height: 15px;" >使用百度前必读a>
                    <a href="http://help.baidu.com/" style="color: #B9B9B9;width: 84px; height: 15px;" >意见反馈a>
                    <font style="color: #B9B9B9;width: 84px; height: 15px;">京ICP证030173号font>
                    <img src="img/hui.png" /> 
                    <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11000002000001" style="color: #B9B9B9;width: 84px; height: 15px;" >京公网安备11000002000001a>
                    <img src="img/hong.png" />
                    p>
                td>
            tr>
        table>
    body>
html>

你可能感兴趣的:(Web前端)