9-5日作业

Reach_most

于 2019-09-05 21:09:27 发布

阅读量265

点赞数 1

CC 4.0 BY-SA版权

分类专栏：作业文章标签：作业

本文链接：https://blog.youkuaiyun.com/Reach_most/article/details/100567255

作业专栏收录该内容

13 篇文章

订阅专栏

本文解析了百度主页的HTML和CSS代码结构，展示了如何通过样式设置实现网页布局，包括菜单、输入框、按钮等元素的设计。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<title>百度</title>    <style type="text/css">
       body{
           height:100%;
           width:100%;
           margin:0;
           padding:0;
       }
       .main{
           width:100%;
           height:100%;
           margin:0;
           padding:0;
       }
       .menu{
           text-align:right;
       }
       a{
           text-decoration:none;
       }
       .middle{
           text-align:center;
           width:100%;
           height:100px;
           margin-top:130px;
       }
       .input{
           border: 1px solid #b6b6b6;
           width:474px;
           height:36px;
           font-size:20px;
       }
       .img{
           align:middle;
           border:0;
           width:275px;
           height:140px;
       }
       .submit{
           background-color:#3385ff;
           height:38px;
           font-size:20px;
           color:white;
           border:0
       }    </style> </head> <body> <div style="text-align:right;">    <div class="menu">
       <a href="http://news.baidu.com" style="color: black">新闻</a>
       <a href="http://www.hao123.com" style="color: black">hao123</a>
       <a href="http://map.baidu.com" style="color: black">地图</a>
       <a href="http://v.baidu.com" style="color: black">视频</a>
       <a href="http://tieba.baidu.com" style="color: black">贴吧</a>
       <a  style="color: black">登录</a>
       <a href="http://www.baidu.com/gaoji/preferences.html" style="color: black">设置</a>
       <a href="http://www.baidu.com/more/" style="color: black">更多产品</a>    </div> </div> <div class="middle">
       <form action="http://www.baidu.com/baidu" target="_blank">
       <a href="https://www.baidu.com/" target="_blank"  align="center">
           <img src="https://www.baidu.com/img/bd_logo1.png" alt="Baidu" class="img">
       </a>
       <br>
       <input type="text" class="input"  name="word">
       <input type="submit" value="百度一下" class="submit" href="https://www.baidu.com/" >    </form> </div> <div
align="center" style="bottom:0;margin-top:300px;">    <div>
       <a id="setf" href="//www.baidu.com/cache/sethelp/help.html" target="blank"

style=“color: black”>把百度设为主页

       <a href="http://home.baidu.com" style="color: black">关于百度</a>
       <a href="http://ir.baidu.com" style="color: black">About&nbsp;&nbsp;Baidu</a>
       <a href="http://e.baidu.com/?refer=888" style="color: black">百度推广</a></p>
       <p>©2019&nbsp;Baidu&nbsp;<a href="http://www.baidu.com/duty/" style="color:

black">使用百度前必读
意见反馈
京ICP证030173号

京公网安备11000002000001号

**
在这里插入图片描述