- 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使用圖文說明教程
