html寫頁(yè)面如何布局
發(fā)表時(shí)間：2023-09-10 來源：明輝站整理相關(guān)軟件相關(guān)文章人氣：
[摘要]html常用的布局有兩種。第一種一是div布局，優(yōu)點(diǎn)是比較方便簡(jiǎn)潔，代碼比較少，制作和維護(hù)也比較容易，就是有些地方不同的瀏覽器兼容性不一樣，可能會(huì)有不同的顯示。第二種是table布局，代碼比較多，到后期維護(hù)起來是非常頭疼的，但是table布局規(guī)避了許多瀏覽器不兼容的問題。1.div布局<!D...
html常用的布局有兩種。第一種一是div布局，優(yōu)點(diǎn)是比較方便簡(jiǎn)潔，代碼比較少，制作和維護(hù)也比較容易，就是有些地方不同的瀏覽器兼容性不一樣，可能會(huì)有不同的顯示。第二種是table布局，代碼比較多，到后期維護(hù)起來是非常頭疼的，但是table布局規(guī)避了許多瀏覽器不兼容的問題。
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>總結(jié)：
table布局比較局限，div 比較開放，設(shè)計(jì)樣式比較多，效果美觀，table好處是所有瀏覽器都兼容div缺點(diǎn)是兼容性很麻煩。
相關(guān)推薦：
HTML布局之計(jì)算器(div+css)_html/css_WEB-ITnose
html布局的問題。_html/css_WEB-ITnose
HTML布局_html/css_WEB-ITnose
html布局問題_html/css_WEB-ITnose
以上就是html寫網(wǎng)頁(yè)如何布局的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！
網(wǎng)站建設(shè)是一個(gè)廣義的術(shù)語(yǔ)，涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。
