- 1PS提示：因為圖層已鎖定，無法編輯圖層的處理方法
- 2picacg蘋果版怎么找不到|picacg ios版是不是下架了介紹
- 3Adobe Illustrator CS5 序列號大全
- 4ACDsee注冊碼免費分享（含ACDsee18、ACDsee10等版本）
- 5PDF瀏覽器能看3D文件嗎？PDF瀏覽器看3D文件圖文詳細教程
- 6Potato(馬鈴薯聊天)怎么注冊不了|Potato不能注冊處理方法介紹
- 7Potato(土豆聊天)怎么換頭像|Potato app更改頭像方法介紹
- 8最新的Adobe Illustrator CS4序列號大全
- 9qq郵件是否已讀怎么看 QQ郵箱已經發出去的郵件怎么知道對方是否已經查看
- 10Intel i7-9700K性能跑分曝光：同代提升約12%
- 11AMD推土機架構回顧：雖隕落卻是Zen成功的墊腳石
- 12美國增加25％進口關稅！PC硬件要大漲價
[摘要]html常用的布局有兩種。第一種一是div布局，優點是比較方便簡潔，代碼比較少，制作和維護也比較容易，就是有些地方不同的瀏覽器兼容性不一樣，可能會有不同的顯示。第二種是table布局，代碼比較多，到后期維護起來是非常頭疼的，但是table布局規避了許多瀏覽器不兼容的問題。1.div布局<!D...
html常用的布局有兩種。第一種一是div布局，優點是比較方便簡潔，代碼比較少，制作和維護也比較容易，就是有些地方不同的瀏覽器兼容性不一樣，可能會有不同的顯示。第二種是table布局，代碼比較多，到后期維護起來是非常頭疼的，但是table布局規避了許多瀏覽器不兼容的問題。1.div布局
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="utf-8">
<title></title>
<style>
body{margin: 0; padding: 0;}
#header{width:100%; height: 90px; background: #b19f9d; }
#nav{margin: 0 auto; width:70%; height: 90px; background: #fcf;}
.content{width: 950px; height: 900px; background: #847369; margin: 0 auto;}
.left{width:30%; height: 900px; background: #decfd4; float: left;}
.right{width: 70%; height: 900px; background: #b3a19d; float: left;}
footer{width:100%; height: 150px; background: #a8817a;}
</style>
</head>
<body>
<header id="header">
<nav id="nav">空空</nav>
</header>
<div class="content">
<div class="left"></div>
<div class="right"></div>
</div>
<footer></footer>
</body>
</html>2.table布局
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="utf-8">
<title></title>
<style>
</style>
</head>
<body marginheight="0px" marginwidth="0px">
<table width="100%" height="950px" style="background-color:gray">
<tr>
<td colspan="2" width="100%" height="10%" style="background-color: aqua" ><td>
</tr>
<tr>
<td width="20%" height="80%" style="background-color: blue" ><td>
<td width="80%" height="80%" style="background-color: blue" ><td>
</tr>
<tr>
<td colspan="2" width="100%" height="10%" style="background-color: black" ><td>
</tr>
</table>
</body>
</html>總結：
table布局比較局限，div 比較開放，設計樣式比較多，效果美觀，table好處是所有瀏覽器都兼容div缺點是兼容性很麻煩。
相關推薦：
HTML布局之計算器(div+css)_html/css_WEB-ITnose
html布局的問題。_html/css_WEB-ITnose
以上就是html寫網頁如何布局的詳細內容，更多請關注php中文網其它相關文章！
網站建設是一個廣義的術語，涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。
標簽：html寫頁面如何布局
推薦資訊 總人氣榜
最新教程 本月人氣
- 1小米miui8支持機型有哪一些 小米miui8支持什么機型
- 2華為g9青春版如何設置指紋識別 華為g9青春版指紋解鎖設置方法
- 3華為榮耀5c如何打開后蓋 華為榮耀暢玩5c后蓋打開圖文說明教程
- 43星galaxy s7active上市時間 3星s7active什么時候上市
- 53星s7active設置如何 3星galaxy s7active參數設置
- 6華為榮耀v8與榮耀8比較評測 華為榮耀8與華為榮耀v8哪一個好
- 7小米max與華為榮耀v8哪一個好 華為榮耀v8與小米max比較評測
- 8愛鬧直播下載網址 愛鬧直播app下載地址
- 9樂視2如何打開usb調試 樂視2打開usb調試模式圖文說明教程
- 10華為mate7如何免解鎖root 華為mate7免解鎖root方法流程
- 11華為平板m2攬閱如何 華為平板m2攬閱青春版評測
- 12華為攬閱m2青春版價格 華為攬閱m2平板多少錢
