1、用戶可以通過(guò)平移和縮放來(lái)看網(wǎng)頁(yè)的不同部分 viewport標(biāo)簽極其屬性代碼如下ltmeta name=quotviewportquot content=quotwidth=devicewidth，initialscale=10， minimumscale=10， maximumscale=10， userscalable=noquot每個(gè)；16在body中設(shè)置minwidth760px，可以避免布局重疊現(xiàn)象；復(fù)制代碼 這種方法可以實(shí)現(xiàn)元素的水平垂直居中，常用于頁(yè)面在最中間的布局，使用這種方法一定要把握住水平垂直居中的元素要有明確的大小換句話說(shuō)就是要有確切的寬和高度值給元素進(jìn)行絕對(duì)定位，并設(shè)置left，top值為“50%”此處最好。

2、網(wǎng)頁(yè)在沒(méi)有實(shí)現(xiàn)圖文混排前的效果，先做CSS樣式，看以下代碼title fontsize19px* 字號(hào)大小 * fontweightbold* 粗體 * textaligncenter* 居中 * content fontsize16px* 字號(hào)大小*；也就是常說(shuō)的body區(qū) ，這里放置的內(nèi)容就可以通過(guò)瀏覽器呈現(xiàn)給用戶，其內(nèi)容可以是table表格布局格式內(nèi)容，也可以DIV布局的內(nèi)容，也可以直接是文字這里也是最主要區(qū)域，網(wǎng)頁(yè)的內(nèi)容呈現(xiàn)區(qū)5最后是以quotlthtml quot結(jié)尾，也就；html5新增的一些語(yǔ)義話標(biāo)簽，可以使用比如頭部可以使用header標(biāo)簽，導(dǎo)航nav，主體部分可以使用section，底部footer，中間文章articlediv，ul li標(biāo)簽都是使用比較頻繁的標(biāo)簽，span，i，em可以對(duì)文字進(jìn)行單獨(dú)的描述，表示等lt；html5網(wǎng)頁(yè)結(jié)構(gòu)布局標(biāo)簽 對(duì)于HTML5來(lái)講，在網(wǎng)頁(yè)結(jié)構(gòu)上標(biāo)簽定義與使用更加語(yǔ)義化，讓搜索引擎以及工程師更加迅速理解當(dāng)前網(wǎng)頁(yè)的整個(gè)重心所在 列舉常用HTML5結(jié)構(gòu)組合 header nav section article figure figcaption aside footer。

3、2在新建文件中輸入如下代碼 html語(yǔ)言都是以lthtmlltheadlttitleltbody等標(biāo)簽開(kāi)始，以lthtmlltheadlttitleltbody標(biāo)簽作為結(jié)束3接下來(lái)要在lttitlelttitle標(biāo)簽中間輸入標(biāo)題如個(gè)人網(wǎng)頁(yè)在ltbodyltbody；lt！DOCTYPE html lthtml lthead ltstyle header backgroundcolorblackcolorwhitetextaligncenterpadding5px nav lineheight30pxbackgroundcolor#eeeeeeheight300pxwidth100pxfloatleftp；lthtml lang=quotenquot lthead ltmeta charset=quotUTF8quot ltmeta name =quotviewportquot content=quotwidth = devicewidth，initialscale=1quot lttitleindex01lttitle ltlink href=quotstyle01cssquot type=quottextcssquot rel=quotstyle；可以使用Div+Css實(shí)現(xiàn)整個(gè)網(wǎng)頁(yè)的布局，將圖片放在img標(biāo)簽中，然后在css代碼中設(shè)置float屬性left左浮動(dòng)right右浮動(dòng)就可以實(shí)現(xiàn)排版了辛苦的打了這么多字，希望您能夠采納；下面是表單代碼，你直接再加屬性就可以了，表單用 table 寫(xiě)比較簡(jiǎn)單，div 太麻煩了lthtml xmlns=quot quot lthead ltmeta；5 lttitleLayout TESTlttitle 6 lthead 7 ltbody 8 ltbody 9 lthtml如果網(wǎng)頁(yè)編寫(xiě)工具暫時(shí)不支持HTML5也沒(méi)關(guān)系，自己寫(xiě)這幾行代碼也很簡(jiǎn)單說(shuō)明第一行l(wèi)t！DOCTYPE html是HTML5對(duì)文檔類型的簡(jiǎn)化，化繁為簡(jiǎn)文檔類型的。

4、#封面型布局這種布局通常用于展示單頁(yè)或海報(bào)，通過(guò)大圖和少量文字來(lái)吸引用戶注意力，視覺(jué)沖擊力強(qiáng)#Flash型布局利用Flash動(dòng)畫(huà)技術(shù)制作的網(wǎng)頁(yè)布局，動(dòng)態(tài)效果豐富，但隨著技術(shù)的更新，這種布局已經(jīng)逐漸被淘汰#；首先我們需要在桌面上，新建一張記事本 2然后我們需要打開(kāi)記事本，編寫(xiě)代碼 3然后我們需要把記事本修改后綴名為html 4然后我們需要在桌面上就會(huì)有一張網(wǎng)頁(yè)，這一點(diǎn)很重要5最后我們需要需要在瀏覽器上運(yùn)行該網(wǎng)頁(yè)；由于網(wǎng)頁(yè)會(huì)根據(jù)屏幕寬度調(diào)整布局，所以不能使用絕對(duì)寬度的布局，也不能使用具有絕對(duì)寬度的元素這一條非常重要具體說(shuō)，CSS代碼不能指定像素寬度widthxxx px只能指定百分比寬度width xx%或者 widthauto四相對(duì)。