利用HTML進(jìn)行布局的方法有通過lttable標(biāo)簽來對表格的行和列進(jìn)行排列來實現(xiàn)頁面布局的效果，也可實現(xiàn)將網(wǎng)頁內(nèi)容放在多個頁面中的多列布局還可以使用div和span標(biāo)簽進(jìn)行布局頁面布局是圖形設(shè)計的一部分，用于處理頁面上視覺元素。

1流動布局html網(wǎng)頁默認(rèn)的布局方式特點1塊狀元素都會在所處的包含元素內(nèi)自上而下按順序垂直延伸分布，因為在默認(rèn)狀態(tài)下，塊狀元素的寬度都為100%2內(nèi)聯(lián)元素都會在所處的包含元素內(nèi)從左到右水平分布顯示內(nèi)聯(lián)。

第一利于搜索引擎蜘蛛爬行 根據(jù)總結(jié)和經(jīng)驗，div+css布局有利于蜘蛛的爬行，拿html的table布局和div+css布局的網(wǎng)頁來做對比，很顯然table的字節(jié)大于div+css的，字節(jié)小就有益于搜索引擎蜘蛛下載頁面所用的時間，而且也有益于。

4“T”結(jié)構(gòu)布局 所謂“T”結(jié)構(gòu)布局，就是指網(wǎng)頁上邊和左邊相結(jié)合，頁面頂部為橫條網(wǎng)站標(biāo)志和廣告條，左下方為主菜單，右面顯示內(nèi)容，這是網(wǎng)頁設(shè)計中用得最廣泛的一種布局方式在實際設(shè)計中還可以改變“T”結(jié)構(gòu)布局的。

dreamweaver8是一款非常優(yōu)秀的可視化網(wǎng)頁設(shè)計布局軟件在日常開發(fā)當(dāng)中，經(jīng)常會遇到框架布局如上下布局，上左右布局上下左右布局等等這里演示怎樣插入布局框架，然后全部保存打開dreamweaver8，并新建一個html網(wǎng)頁點擊。

DIVCSS網(wǎng)頁設(shè)計的話一般是手寫代碼，使用網(wǎng)頁編輯工具也可以，在代碼編輯狀態(tài)下編輯也是不錯的選擇 表格在網(wǎng)頁設(shè)計中比較直觀，直接可以選擇行與列，對內(nèi)容進(jìn)行定位劃分，大小高度顏色圖片可以手動設(shè)置 divcss也是網(wǎng)頁布局。

流動布局流動布局是瀏覽器默認(rèn)的布局方式他會按照你所寫的標(biāo)簽特性，從上至下從左到右的方式進(jìn)行排列在HTML中我們按照標(biāo)簽的排列特性可以將它們分成三類1行級元素不獨占一行，不能設(shè)置元素的高度寬度和底邊邊距。