HTML如何制作百度首页?代码是什么

本篇文章给大家带来的内容是关于HTML如何制作百度首页?代码是什么,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

制作百度首页时候,除了要用到p进行分块,还需要对快的位置进行控制,一般有

对p进行规范大小width,height分别对应宽度高度

margin:有对p进行定位有margin-top,margin-left,margin-right,margin-buttom

float-left:吧p元素进行从左到右排列

了解这些简单的操作之后,就可以自己动手做出一个简单百度页面了,例如:

立即学习“前端免费学习笔记(深入)”;

20181020125908318.png

上面的页面html代码如下:

  百度一下,你就知道.p_head{width:100%;height:150px;margin-top:0px;}.p_mid{width:100%;height:130px;margin-top:0px;}.p_body{width:100%;height:200px;margin-top:0px;}.p_base{width:100%;height:60px;float:left;margin-top:0px;}.p_based{width:100%;height:100%;float:left;margin-top:0px;}.p_head1{width:540px;height:24px;float:right;margin-top:25px;}.p_head2{width:50px;height:24px;float:left;line-height:24px;text-align:center;}.p_mid1{width:270px;height:130px;float:left;margin-left:39%;}.p_body1{width:600px;height:36px;background-color:#999;float:left;margin-left:32%;}.p_base1{width:60px;height:60px;margin:0 auto;float:left;margin-top:5%;} 

新闻 

               

hao123 

 

地图 

 

资源 

 

视频 

 

贴吧 

 

学术 

 

登录 

 

设置 

更多产品

  

HTML如何制作百度首页?代码是什么 

 

登录后复制

HTML如何制作百度首页?代码是什么

以上就是对HTML如何制作百度首页?代码是什么的全部介绍,如果您想了解更多有关HTML视频教程,请关注PHP中文网。

以上就是HTML如何制作百度首页?代码是什么的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2830436.html

(0)
上一篇 2025年3月9日 03:45:46
下一篇 2025年2月27日 01:26:23

AD推荐 黄金广告位招租... 更多推荐

相关推荐

发表回复

登录后才能评论