4左右框架型布局 左右框架型布局結(jié)構(gòu)是一些大型論壇和企業(yè)經(jīng)常使用的一種布局結(jié)構(gòu)其布局結(jié)構(gòu)主要分為左右兩側(cè)的頁面左側(cè)一般主要為導(dǎo)航欄鏈接，右側(cè)則放置網(wǎng)站的主要內(nèi)容 5上下框架型 上下框架型布局與前面的左右；第一步新建html文檔并搭建框架 新建一個(gè)TXT文檔，重命名為“田子格布局html”，然后用記事本打開，輸入表頭信息，已經(jīng)html整體框架搭建包括head與body第二步DIV布局 分別復(fù)制4個(gè)不同的div作為4部分，并且分別命名為；T型布局的優(yōu)點(diǎn)是頁面結(jié)構(gòu)清晰，主次分明，強(qiáng)調(diào)秩序，能給人以穩(wěn)重可信賴的感覺，比較容易上手缺點(diǎn)是規(guī)矩呆板，如果細(xì)節(jié)和色彩搭配上不注意，容易讓人乏味2 口型布局 口型布局的頁面上下各有一個(gè)廣告條，左側(cè)是主菜；流動布局流動布局是瀏覽器默認(rèn)的布局方式他會按照你所寫的標(biāo)簽特性，從上至下從左到右的方式進(jìn)行排列在HTML中我們按照標(biāo)簽的排列特性可以將它們分成三類1行級元素不獨(dú)占一行，不能設(shè)置元素的高度寬度和底邊邊距；這種類型的布局的特點(diǎn)是結(jié)構(gòu)清晰明了5上下框架類型與左右框架類型類似，只是這種類型是上下兩頁的框架6綜合框架類型其實(shí)就是左右框架類型和上下框架類型的結(jié)合體7封面型這種類型基本上是出現(xiàn)在一些網(wǎng)站的首頁。

#xF448#xF449左右框架型布局將頁面分為左右兩個(gè)部分，通常左邊是導(dǎo)航或輔助信息，右邊是主要內(nèi)容區(qū)域，便于用戶瀏覽和操作#xF446#xF447上下框架型布局與左右框架型類似，只是將頁面分為上下兩個(gè)部分，這種布局常用于博客或新聞網(wǎng)站#xF500#xF448#xF449綜合；3左右框架型布局 這類網(wǎng)站主要由左邊欄和內(nèi)容區(qū)組成，組成比較簡潔，主要用于精彩內(nèi)容的呈現(xiàn)，主要是很多個(gè)人站點(diǎn)博客的首選4上下框架型布局 這類網(wǎng)站由上下邊欄組成，上邊欄用來放置logo和鏈接等信息，下邊欄用來放置網(wǎng)頁的；這種布局的優(yōu)點(diǎn)是頁面結(jié)構(gòu)清晰，主次分明是初學(xué)者最容易上手的布局方法缺點(diǎn)是規(guī)矩呆板，如果細(xì)節(jié)色彩上不注意，很容易讓人看之無味2口型布局就是頁面一般上下各有一個(gè)廣告條，左面是主菜單，右面放友情連接等；常見的網(wǎng)頁布局結(jié)構(gòu)左右框架型布局左右框架型布局結(jié)構(gòu)是一些大型論壇和企業(yè)經(jīng)常使用的一種布局結(jié)構(gòu)其布局結(jié)構(gòu)主要分為左右兩側(cè)的頁面左側(cè)一般主要為導(dǎo)航欄鏈接，右側(cè)則放置網(wǎng)站的主要內(nèi)容常見的網(wǎng)頁布局結(jié)構(gòu)上下框架型上下框架型。

3 左右框架型布局這類網(wǎng)站主要由左邊欄和內(nèi)容區(qū)組成，組成比較簡潔，主要用于精彩內(nèi)容的呈現(xiàn)，主要是很多個(gè)人站點(diǎn)博客的首選4 上下框架型布局這類網(wǎng)站由上下邊欄組成，上邊欄用來放置logo和鏈接等信息，下邊欄用來放置；左右居中margin0 auto上下居中設(shè)置父級div高度假設(shè)為300px設(shè)置table的高度假設(shè)為100pxtextaligncenter主要針對的是文字，比如之類的， 如果只是圖片的話就要設(shè)置margin了， 另外，可能是我理解錯(cuò)你的；1我先做的是插入兩個(gè)div標(biāo)簽，點(diǎn)擊插入，找到布局對象Div標(biāo)簽2先創(chuàng)建第一個(gè)長寬均為200px的div標(biāo)簽，類命名為“1”3在創(chuàng)建第二個(gè)長寬均為200px的div標(biāo)簽，類命名為“2”4這時(shí)候可以看到；1一列布局 一般都是固定的寬高，設(shè)置margin 0 auto來水平居中，用于界面顯著標(biāo)題的展示等2兩列布局 說起兩列布局，最常見的就是使用float來實(shí)現(xiàn)float浮動布局的缺點(diǎn)是浮動后會造成文本環(huán)繞等效果，以及需要及時(shí)。

二中間如果有空格 他會留空格的 上面的就不會，你要塊狀也可以換成displayinlineblockp_leftdisplayinlinep_rightdisplayinline在界面設(shè)計(jì)的時(shí)候，經(jīng)常需要將兩個(gè)div在同一行顯示如以下要將。

T型布局的優(yōu)點(diǎn)是頁面結(jié)構(gòu)清晰，主次分明，強(qiáng)調(diào)秩序，能給人以穩(wěn)重可信賴的感覺，比較容易上手缺點(diǎn)是規(guī)矩呆板，如果細(xì)節(jié)和色彩搭配上不注意，容易讓人乏味2口型布局口型布局的頁面上下各有一個(gè)廣告條，左側(cè)是主菜單。