1國字型布局 這種布局類型分為上邊欄左邊欄中間內(nèi)容區(qū)右邊欄和底部的頁腳區(qū)域，其形狀酷似一個“國”字國字型結(jié)構(gòu)是目前比較常用的一個網(wǎng)頁布局結(jié)構(gòu)，它適用于信息分類繁多需要良好組織的網(wǎng)站2T字型布局 這種。

三個辦法實現(xiàn)頁面居中布局居中一在html代碼頁面的body標簽寫一個ltcenterltcenter的標簽，在里面寫內(nèi)容即可實現(xiàn)居中，如接下來使用的兩個方法的前提是你的html代碼鏈接上css代碼不然沒效果 二textalign。

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

利用HTML進行布局的方法有1通過“l(fā)ttable”標簽來對表格的行和列進行排列來實現(xiàn)頁面布局的效果2將網(wǎng)頁內(nèi)容放在多個頁面中的多列布局3使用div和span標簽進行布局頁面布局標題前端的一部分，用于頁面頂部lt。

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

1浮動布局技術(shù)，兼容性比較，但頁面寬度不夠時會影響布局2絕對定位布局技術(shù)3flex彈性布局技術(shù)，自適應(yīng)好，高度能自動撐開。

在一般情況下，div+css布局的網(wǎng)站，都是將html頁面和css文件分開的，div+css的特點就是能將網(wǎng)頁的內(nèi)容和表現(xiàn)形式分離，所以，假如你要修改網(wǎng)站整站布局的話，一般只需要修改css文件里的的個別屬性即可，而這種特點是table不。

在HTML開發(fā)中，制作網(wǎng)站時首先需要考慮內(nèi)容是頁面內(nèi)容和頁面布局首頁是整個網(wǎng)站頁面最完整的內(nèi)容，將網(wǎng)站的每一欄內(nèi)容設(shè)置為一個，這樣的功能如果排版不當(dāng)，那么首頁就會出現(xiàn)混亂因此，主頁的布局是整個網(wǎng)站的首要任務(wù)，所以主頁的布局必須簡。

第一步新建html文檔并搭建框架 新建一個TXT文檔，重命名為“田子格布局html”，然后用記事本打開，輸入表頭信息，已經(jīng)html整體框架搭建包括head與body第二步DIV布局 分別復(fù)制4個不同的div作為4部分，并且分別命名為。

html5網(wǎng)頁結(jié)構(gòu)布局標簽 對于HTML5來講，在網(wǎng)頁結(jié)構(gòu)上標簽定義與使用更加語義化，讓搜索引擎以及工程師更加迅速理解當(dāng)前網(wǎng)頁的整個重心所在 列舉常用HTML5結(jié)構(gòu)組合 header nav section article figure figcaption aside footer。

1所謂HTML是超文本標記語言HyperText Markup Language，簡稱HTML是一種用于創(chuàng)建網(wǎng)頁的標準標記語言2HTML頁面布局有兩種方式，一種是TABLE布局，一種是DIV布局3以前WEB10時代基本上都是table布局，后來WEB20。

1html5新增的一些語義話標簽，可以使用比如頭部可以使用header標簽，導(dǎo)航nav，主體部分可以使用section，底部footer，中間文章articleltheader ltnavltnavltheaderltsection ltarticleltarticleltsectionltfooter。

制作表格布局的網(wǎng)頁步驟如下1 編寫 HTML 代碼在 HTML 文件中使用 table 標簽創(chuàng)建表格，并使用 tr 標簽創(chuàng)建行，使用 td 標簽創(chuàng)建單元格2 設(shè)計表格樣式使用 CSS 樣式表為表格添加樣式，包括表格邊框單元格邊框。

這種布局將內(nèi)容按照中心線進行對稱排列，視覺效果突出，給人一種穩(wěn)重大氣的印象#xF500拐角型布局這種布局與“國”字型類似，只是在頂部增加了一個斜向的區(qū)域，讓頁面看起來更加活躍和生動#xF4DD標題正文型布局這種布局以一個醒目的標題為。

3無論什么元素，一旦設(shè)置為是浮動顯示，就擁有了完整的盒模型結(jié)構(gòu)，我們就可以使用外邊距，內(nèi)邊距，邊框，高和寬來控制的大小以及與其他對象之間的位置關(guān)系4浮動是從網(wǎng)頁布局的角度來定義元素的顯示，而行內(nèi)和塊狀屬性。

本文將討論一些有助于網(wǎng)頁布局的重要的HTML5標簽HTML5新元素及其特性HTML5的語義化標簽以及屬性，可以讓開發(fā)者非常方便地實現(xiàn)清晰的web頁面布局，加上CSS3的效果渲染，快速建立豐富靈活的web頁面顯得非常簡單本次學(xué)習(xí)HTML5的新標簽元素有。

html5新增的一些語義話標簽，可以使用比如頭部可以使用header標簽，導(dǎo)航nav，主體部分可以使用section，底部footer，中間文章articlediv，ul li標簽都是使用比較頻繁的標簽，span，i，em可以對文字進行單獨的描述，表示等lt。