- 1PS提示：因为图层已锁定，无法编辑图层的处理方法
- 2picacg苹果版怎么找不到|picacg ios版是不是下架了介绍
- 3Adobe Illustrator CS5 序列号大全
- 4ACDsee注册码免费分享（含ACDsee18、ACDsee10等版本）
- 5PDF浏览器能看3D文件吗？PDF浏览器看3D文件图文详细教程
- 6Potato(土豆聊天)怎么换头像|Potato app更改头像方法介绍
- 7Potato(马铃薯聊天)怎么注册不了|Potato不能注册处理方法介绍
- 8最新的Adobe Illustrator CS4序列号大全
- 9Intel i7-9700K性能跑分曝光：同代提升约12%
- 10qq邮件是否已读怎么看 QQ邮箱已经发出去的邮件怎么知道对方是否已经查看
- 11XP系统怎么清除缓存？
- 12AMD推土机架构回顾：虽陨落却是Zen成功的垫脚石
[摘要]本篇文章给大家带来的内容是关于HTML如何制作百度首页？代码是什么，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。制作百度首页时候，除了要用到p进行分块，还需要对快的位置进行控制，一般有对p进行规范大小width，height分别对应宽度高度margin：有对p进行定位有margi...
本篇文章给大家带来的内容是关于HTML如何制作百度首页？代码是什么，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。制作百度首页时候，除了要用到p进行分块，还需要对快的位置进行控制，一般有
对p进行规范大小width，height分别对应宽度高度
margin：有对p进行定位有margin-top,margin-left,margin-right,margin-buttom
float-left:吧p元素进行从左到右排列
了解这些简单的操作之后，就可以自己动手做出一个简单百度页面了，例如：
上面的页面html代码如下：
<html>
<head>
<title>百度一下，你就知道</title>
<link href="baidu.ico" rel="shortcut icon" type="ico图标路径"/>
<style>
.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%;
}
</style>
</head>
<body style="margin:0 auto">
<p class="p_head" >
<p class="p_head1">
<p class="p_head2" ><font size="1" ><ins>新闻 </ins></font></p>
<p class="p_head2" ><font size="1" ><ins>hao123</ins> </font></ins></p>
<p class="p_head2" ><font size="1" ><ins>地图 </ins></font></p>
<p class="p_head2" ><font size="1" ><ins>资源 </ins></font></p>
<p class="p_head2" ><font size="1" ><ins>视频 </ins></font></p>
<p class="p_head2" ><font size="1" ><ins>贴吧 </ins></font></p>
<p class="p_head2" ><font size="1" ><ins>学术 </ins></font></p>
<p class="p_head2" ><font size="1" ><ins>登录 </ins></font></p>
<p class="p_head2" ><font size="1" ><ins>设置 </ins></font></p>
<p class="p_head2" style="width:70px;background-color:#38f" ><font size="1" color="white" >更多产品</font></p>
</p>
</p>
<p class="p_mid" >
<p class="p_mid1" >
<a href="https://www.baidu.com/s?wd=%E7%BD%91%E7%BB%9C%E8%A1%A8%E6%83%85%E7%AC%A6%E5%8F%B7%E8%AF%9E%E7%94%9F&sa=ire_dl_gh_logo&rsv_dl=igh_logo_pcs" target="_blank">
<img height=130 width=270 src="https://www.baidu.com/img/bd_logo1.png?where=super" title="百度一下你就知道"/>
</a>
</p>
</p>
<p class="p_body" >
<p class="p_body1" >
<form action="https://www.baidu.com/s" method="get" >
<input style="width:500px;height:36px;"type="text"/><input id="gender" name="gender" type="submit" value="百度一下"style="width:100px;height:36px;"/>
</form>
</p>
</p>
<p class="p_base" >
<p class="p_base1" style="margin-left:48%;">
<img height=60 width=60 src="https://ss1.bdstatic.com/5eN1bjq8AAUYm2zgoY3K/r/www/cache/static/protocol/https/home/img/qrcode/zbios_efde696.png" title="我是一个二维码"/>
</p>
</p>
</body>
</html>以上就是对HTML如何制作百度首页？代码是什么的全部介绍，如果您想了解更多有关HTML视频教程，请关注PHP中文网。
以上就是HTML如何制作百度首页？代码是什么的详细内容，更多请关注php中文网其它相关文章！
网站建设是一个广义的术语，涵盖了许多不同的技能和学科中所使用的生产和维护的网站。
推荐资讯 总人气榜
最新教程 本月人气
- 1优酷军师联盟卡是什么？优酷军师联盟卡收集图文说明教程
- 2终极3国2017百度云资源(更新至第106集)
- 3爱奇艺vip免费试用 爱奇艺vip帐号共享(2017.7.7)
- 4如何用爱奇艺下载电影？爱奇艺下载视频图文说明教程
- 5QQ音乐如何发弹幕？QQ音乐弹幕使用图文说明教程
- 6我是僵尸3百度云全集资源
- 7寻人大师第二季百度云全集资源
- 8暴风影音如何加速播放？暴风影音加速播放图文说明教程_暴风影音_下载之家
- 9免费3组腾讯视频vip账号共享(2017.6.29)
- 10搜狐视频会员账号共享2017.6.28
- 11刘亚仁相关电视剧电影综艺百度云全集
- 12人生若如初相见百度云全集资源
- 1支付宝不能交水电费了吗 支付宝为什么不能交水电费了
- 2人人车怎么收费 人人车收费规范
- 3平板电脑wifi无线网络设置图文说明教程【图文详细说明】
- 4ios9 bug隐藏无用应用方法
- 5猎豹浏览器抢票不受12306新版验证码影响
- 63星版iphone6s与台积电版iphone6s续航哪一个好
- 7百度专车怎么收费 百度专车收费规范介绍
- 8华为pay与微信支付哪一个好 微信支付与huawei pay比较区别
- 9酷狗怎么设置伴唱并录音 酷狗伴唱设置图文说明教程
- 10中兴grand x max+怎么？中兴grand x max+设置评测
- 11小皮助手安装失败怎么办 小皮助手安卓模拟器安装失败处理方法
- 12滴滴打屁怎么用 滴滴打屁app使用图文说明教程
