本次实验是使用HTML写出百度首页界面。

本次实验只需要插入不同的网页跳转,插入文本,图片,最后在调整位置,就可以实现。

<img   src=""  >:插入图片

<a href=""></a> :点击实现网页的跳转

<input type="submit" name="" value="">:插入标签

完整代码如下:

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <mate http-equiv="X-UA-Compatible" content="IE=edge">
        <mate name="viewport" content="width=device=width,initial-scale=1.0">
        <title>百度一下,你就知道</title>
        <style>
          .jz{
              text-align: center;
              font-size: 20px;
              background: none;
           }

           .jf{
              text-align: center;
              font-size: 10px;
              width: 100%;
              height: 60px;
              position: fixed;
              bottom: 0;
           }

           a{
            color: dodgerblue;
           }

        </style>
    </head>
    <body >
        <div class=jz>
        <img   src="../baidu/image/bdlogo.gif"  ></br>
        <a href="http://news.baidu.com/">新闻</a>
         &nbsp;
        <a href="http://news.baidu.com/">网页</a>
        &nbsp;
        <a href="https://tieba.baidu.com/index.html">贴吧</a>
        &nbsp;
        <a href="http://news.baidu.com/">知道</a>
        &nbsp;
        <a href="http://music.91q.com/">音乐</a>
        &nbsp;
        <a href="http://news.baidu.com/">图片</a>
        &nbsp;
        <a href="https://haokan.baidu.com/?sfrom=baidu-top">视频</a>
        &nbsp;
        <a href="https://map.baidu.com/">地图</a></br></br>&nbsp;&nbsp;&nbsp;&nbsp;
        <!-- <input type="text" name="text1" size="70" maxlength="60" width="100"> -->
        <input type="text" style="height: 25px;width:500px;" />
        <input type="submit" name="提交" value="百度一下"><br></br>
        <a href="https://tieba.baidu.com/index.html">百科</a>
        &nbsp;
        <a href="http://news.baidu.com/">文库</a>
        &nbsp;
        <a href="http://music.91q.com/">hao123</a>
        &nbsp;
        <span>|</span>
        &nbsp;
        <a href="http://news.baidu.com/">更多<<<</a>
    </div>
    <div class=jf>
        <a href="https://tieba.baidu.com/index.html">把百度设为主页安装百度浏览器</a></br>
        <a href="http://music.91q.com/">加入百度推广</a>
        <span>|</span>
        <a href="http://music.91q.com/">搜索风云榜</a>
        <span>|</span>
        <a href="http://music.91q.com/">关于百度</a>
        <span>|</span>
        <a href="http://music.91q.com/">About Baidu</a>
        <p>2013 Baidu 使用百度前必读 京ICP证030173号</p>
        
    </div>
    
    </body>
</html>

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐