今天小編就為大家?guī)硪黄褂肏TML制作百度首頁的文章。小編覺得挺實(shí)用的,為此分享給大家做個(gè)參考。一起跟隨小編過來看看吧。
創(chuàng)新互聯(lián)專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù),包含不限于成都網(wǎng)站建設(shè)、網(wǎng)站制作、烏恰網(wǎng)絡(luò)推廣、微信小程序、烏恰網(wǎng)絡(luò)營銷、烏恰企業(yè)策劃、烏恰品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運(yùn)營等,從售前售中售后,我們都將竭誠為您服務(wù),您的肯定,是我們最大的嘉獎(jiǎng);創(chuàng)新互聯(lián)為所有大學(xué)生創(chuàng)業(yè)者提供烏恰建站搭建服務(wù),24小時(shí)服務(wù)熱線:18982081108,官方網(wǎng)址:chinadenli.net
制作百度首頁時(shí)候,除了要用到p進(jìn)行分塊,還需要對(duì)快的位置進(jìn)行控制,一般有
對(duì)p進(jìn)行規(guī)范大小width,height分別對(duì)應(yīng)寬度高度
margin:有對(duì)p進(jìn)行定位有margin-top,margin-left,margin-right,margin-buttom
float-left:吧p元素進(jìn)行從左到右排列
了解這些簡單的操作之后,就可以自己動(dòng)手做出一個(gè)簡單百度頁面了,例如:
上面的頁面html代碼如下:
<html> <head> <title>百度一下,你就知道</title> <link href="baidu.ico" rel="shortcut icon" type="ico圖標(biāo)路徑"/> <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>學(xué)術(shù) </ins></font></p> <p class="p_head2" ><font size="1" ><ins>登錄 </ins></font></p> <p class="p_head2" ><font size="1" ><ins>設(shè)置 </ins></font></p> <p class="p_head2" style="width:70px;background-color:#38f" ><font size="1" color="white" >更多產(chǎn)品</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="/upload/otherpic63/bd_logo1.png" 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="我是一個(gè)二維碼"/> </p> </p> </body> </html>
關(guān)于使用HTML制作百度首頁的代碼就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,可以學(xué)到更多知識(shí)。如果喜歡這篇文章,不如把它分享出去讓更多的人看到。
本文名稱:HTML制作百度首頁
文章地址:http://chinadenli.net/article16/jieggg.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供ChatGPT、網(wǎng)站營銷、云服務(wù)器、品牌網(wǎng)站制作、建站公司、定制網(wǎng)站
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)