1、在html網頁編輯中，對于新手來講，接觸最多的就是div+css那么如何使用div+css就行網頁簡單布局呢 一個網頁設計時，我們可以將一個頁面設置為頭部，中間，和底部三部分 頭部有分為店招l(wèi)ogo和導航等 中間既內容部分，內容也可一個整體，也可左右分離， 底部來頁面結尾，一般寫版權信息，友情鏈接；網頁設計中的主要內容包括header， nav， main， side和footer等部分header通常位于頁面頂部，用于展示網站標題或logo，以及必要的導航鏈接nav部分則通常位于header之下，提供更加詳細的導航選項，幫助用戶快速定位所需內容main部分占據(jù)頁面主體位置，用于展示核心內容，如文章圖片等side部分則用于放置輔助；lt！DOCTYPE htmllthtml lang=quotzhcnquotlthead ltmeta charset=quotUTF8quot lttitlelttitle ltstyle type=quottextcssquot body，html margin 0 padding 0 height 100% color #fff left， right float left width 50% height 1；html頁面布局設置方法1通過“l(fā)ttable”標簽來對表格的行和列進行排列來實現(xiàn)頁面布局的效果2將網頁內容放在多個頁面中的多列布局3使用p和span標簽進行布局；9網頁布局分為自然布局，浮動布局， 定位布局 10當一個元素被定義為浮動顯示時，即定義為塊狀元素并且該元素就會收縮自身體積為最小狀態(tài)所以，應該有個好的習慣即把浮動元素設置高和寬如果沒有設置，則元素會按照它所包含的內容大小來確定它的大小11當元素浮動后，周邊的對象會自動環(huán)繞；1所謂HTML是超文本標記語言HyperText Markup Language，簡稱HTML是一種用于創(chuàng)建網頁的標準標記語言2HTML頁面布局有兩種方式，一種是TABLE布局，一種是DIV布局3以前WEB10時代基本上都是table布局，后來WEB20，30時代，都是以DIV布局為主但是div布局的編寫難度比table布局要高4。

2、HTML的布局主要有以下幾種一流式布局 流式布局是HTML文檔中最基礎且常見的布局方式在這種布局中，頁面元素按照其在HTML中出現(xiàn)的順序從左到右從上到下排列如果元素所占空間超出容器邊界，內容會被自動換行或者延伸這種布局簡單直觀，適用于簡單的網頁布局二網格布局 網格布局是一種二維的；企業(yè)官網的設計新品宣傳網頁的設計活動專題網頁設計后臺管控類網頁設計等三是學習前端代碼，主要是學習HTMLCSSJavaScript等前端語言的運用其他方面，還需要學習目標用戶研究設計對象研究素描基礎等等知識怎樣做html頁面的css頁面布局1第一先把整體框架搭起來，通過絕對定位確定大的模塊的；2 設置容器與元素使用CSS中的div元素來創(chuàng)建容器，并在其中放置內容通過設置容器的寬度高度邊距等屬性，可以控制元素的位置和排列方式3 響應式設計考慮到不同設備的屏幕大小，可以設置響應式布局，使頁面能夠在不同屏幕尺寸上良好地顯示這可以通過使用媒體查詢百分比寬度和彈性圖片等方法來；三個辦法實現(xiàn)頁面居中布局居中一在html代碼頁面的body標簽寫一個ltcenterltcenter的標簽，在里面寫內容即可實現(xiàn)居中，如接下來使用的兩個方法的前提是你的html代碼鏈接上css代碼不然沒效果 二textalign center方法在html代碼頁面給某一個標簽取一個名字，然后在css代碼給標簽設置屬性；方法1將空格用來代替，需要幾個空格就寫幾個ltpltp 這里就顯示4個空格 方法2用一個3行6列的Table來實現(xiàn)你的布局ltTable lttr lttd注冊名lttdlttdltinput type=textlttd lttd漏頁lttdlttdltinput type=textlttd lttd前綴lttdlttdltinput type=textlt；1如果你會htmlcss可以直接寫代碼，最方便的是用網上的js插件，有很多很炫酷的插件2如果不了解代碼的話就用ps做出整個網頁頁面，然后將每個按鈕每個菜單欄每個你要修改的地方都拆成一個個小圖片，最后在Dreamweaver上在拼接起來，將按鈕的圖片添加按鈕功能菜單圖片添加菜單工程可以查一下。

3、創(chuàng)建基本的HTML結構，通過使用div元素來劃分頁面區(qū)域，每個div代表一個獨立的頁面元素，這是構建頁面布局的基礎在使用CSS進行樣式設計階段，通過定義CSS規(guī)則來設置每個div元素的視覺表現(xiàn)，包括顏色字體大小等，使頁面具有統(tǒng)一的視覺風格頁面布局設計是整個頁面布局的核心部分，通過利用CSS的布局屬性，合理；流動布局流動布局是瀏覽器默認的布局方式他會按照你所寫的標簽特性，從上至下從左到右的方式進行排列在HTML中我們按照標簽的排列特性可以將它們分成三類1行級元素不獨占一行，不能設置元素的高度寬度和底邊邊距，它的寬度和高度是由他的內容撐起來的2行內塊元素不獨占一行，可以設置元。

4、用了margin0 auto時，整頁的上下外套應該一樣的寬度，如果右邊的圖是背景，這根本不用position float更適合，或者body下鄉(xiāng)定義個統(tǒng)一的容器包住他們。