百度页面的制作

最新推荐文章于 2024-03-16 09:51:29 发布

田心~

最新推荐文章于 2024-03-16 09:51:29 发布

阅读量1.6k

点赞数 5

分类专栏：腾讯十天训练营

本文链接：https://blog.csdn.net/yangliusi/article/details/70521242

版权

腾讯十天训练营专栏收录该内容

6 篇文章 0 订阅

订阅专栏

这是一个百度页面，可以在输入框中搜索，查询

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>百度一下，你就知道</title>
  <style>
   a{
    margin-right: 30px;
    font-weight: 700;
    color: black;
   }
   #main{
    /*居中显示*/
    margin: 0px auto;
    width: 500px;

   }
   #main>img{
    margin-bottom: 30px;
    margin-top: 50px;
    margin-left: 100px;
   }
   #wd{
    width: 400px;
    height: 30px;
   }
   #mit{
    width: 80px;
    height: 33px;
   }
  </style>
</head>
<body>
  <div id="top" style="text-align: right;margin-top: 15px;">
   <a href="https://hy.nuomi.com/?lf=2">糯米</a>
   <a href="http://news.baidu.com/">新闻</a>
   <a href="https://www.hao123.com/">好123</a>
   <a href="http://map.baidu.com/">地图</a>
   <a href="http://v.baidu.com/">视频</a>
   <a href="https://tieba.baidu.com/index.html">贴吧</a>
  </div>
  <div id="main">
   <img src="https://www.baidu.com/img/38270_b8c2a909848579fb12dc61f16ea9cde2.gif" />
   <form action="https://www.baidu.com/s">
    <input type="text" name="wd" id="wd"><input type="submit" value="百度一下" name="" id="mit"/></input>
   </form>
  </div>
</body>
</html>