html怎么把網(wǎng)頁分塊，div？1、啟動后dreamweavercs5，在提示框的對話框窗口中你選擇html，再次進入主界面編輯區(qū)域。2、隨后對網(wǎng)頁的整個布局在草紙上繪制圖過來，做到心中有數(shù)，要注意分

html怎么把網(wǎng)頁分塊，div？

1、啟動后dreamweavercs5，在提示框的對話框窗口中你選擇html，再次進入主界面編輯區(qū)域。2、隨后對網(wǎng)頁的整個布局在草紙上繪制圖過來，做到心中有數(shù)，要注意分成那幾個模塊。比較多有腳注、菜單導(dǎo)航、主體、導(dǎo)航條四大部分。3、接著再點擊電腦設(shè)計進入設(shè)計狀態(tài)，在代碼區(qū)域書寫整體框架的css，即#ztkj｛width:80%boder:1pxsolid#000000height:800px}在body里再添加

即可在下面見到整體框架。4、緊接著在書寫導(dǎo)航條代碼，即#dht{padding:10pxboder:1pxsolid#000000background-color:#a2a2ff}在第一個div中鍵入

，查看效果變化。5、書寫主體內(nèi)容的代碼，即#ztnr{float:leftwidth:60%height:600pxboder:1pxsolid#000000text-align:centermargin-light:10pxmargin-left:10px}在整體框架中輸入主體內(nèi)容

，欄里點效果6、書寫菜單導(dǎo)航代碼#cddh{float:stopsmargin-left:10pxwidth:35%boder:1px#a2a2dsheight:600px}隨即在整體框架中鍵入代碼菜單導(dǎo)航

7、書寫腳注的代碼#jz{padding:10pxboder:3px#a2a2dstext-algin:centerclear:bothmargin-hot:20px}在整體框架中然后輸入代碼腳注

一欄效果。8、這樣的話大致框架就自己制作出了，按f12接受欄里點效果，效果不好必須進一步改代碼。把邊框設(shè)置出去，把所有的boder進行可以修改為border:solid5px#fcc9、由于整個框架不在中間位置，是需要修改讓其居中對齊，所以我要在ztkj中去添加一條語句margin:auto10、這樣的整個框架就出來，在換算的使用過程中要根據(jù)自己的需要初步按照，執(zhí)行文件-選擇保存命令，將網(wǎng)頁保存到就結(jié)束了。

HTML5跟HTML有哪些區(qū)別？

以及前端開發(fā)的技術(shù)人員，要手中掌握的技術(shù)之一那就是Html，其他技術(shù)如Css，JavaScript，JQuery等等都是基于條件Html的，那就Html和今天我們從小聽到大的Html5到底是什么區(qū)別，或則說Html怎末經(jīng)濟的發(fā)展到Html5的呢？下面在一起知道一點再看看Html5和Html的區(qū)別吧！

一、什么是Html

HTMl（HyperText Markup Language）:超文本標(biāo)志語言，一種純文本類型的語言。

特點有：

1、是可以為了設(shè)計網(wǎng)頁的標(biāo)記語言；

2、用該語言編寫的文件，以.html的或.htm為后綴；

3、由瀏覽器回答想執(zhí)行；

4、HTML表面上，可以嵌套多用腳本語言c語言程序的程序段，如：VBScript，JavaScript

與第一個純文本的頁面兩者相比，Html頁面引入了標(biāo)簽的概念，也是說，Html是文本標(biāo)簽的形式。

二、什么是HTML5

Html5廣義上來說中有了html5、css和JavaScript三個部分，不單是依據(jù)第一印象的html5，html5讓網(wǎng)頁制作從布局到細(xì)節(jié)處理都越來越的靈活，這個可以創(chuàng)建角色更好的網(wǎng)頁結(jié)構(gòu)，占據(jù)更加豐富的標(biāo)簽，對媒體播放、編輯時、存儲等有更好的支持，兼容性更強。

三、HTML和HTML5的相同點

1、也是網(wǎng)頁的基礎(chǔ)，利用形成完整Web頁面的“骨架”

2、具備基本同一的標(biāo)簽，如div，form，p等等

四、HTML和HTML5的不不同點

1、二十多個瀏覽器對HTML5的3d渲染或接受程度不同，但對HTML的支持或軟件渲染早很很穩(wěn)定2、html5一直在發(fā)展，普通于html的升級版本

3、html5用戶可以編輯網(wǎng)頁的部分內(nèi)容

4、html5中元素可以使圖像腳本更靈活

5、html5中新的API讓頁面程序開發(fā)更簡單

6、html5改進頁面表單操作

7、html5新增加了很多新的標(biāo)簽，如footer等

五、hmtl5于html的區(qū)別

1.在文檔類型聲明上

html:lt!DOCTYPEhtmlPUBLIC-//W3C//DTDXHTML1.0Transitional//que

lthtml

html5:lt!doctypehtmlgt

由這兩者差不多而且：在文檔聲明上，html有很長的一段代碼，但是會很難記得一點這段代碼，定然很多人都是靠工具就能生成的吧？而html5卻也有所不同，只有簡簡單的聲明，這也更方便人們的記憶。

2.在結(jié)構(gòu)語義上

html:沒有可以體現(xiàn)結(jié)構(gòu)語義化的標(biāo)簽，我們正常情況是那樣來以此命名的ltidheadergt.這樣的話意思是網(wǎng)站的頭部。

html5:在語義上卻有很小的優(yōu)勢。可以提供了一些新的標(biāo)簽，.例如:ltheadergtltarticalegtltfootergt

雖說在前幾年html5早就出了，只不過那時畢竟不成熟，時機不對，才沒被漸漸衰落。在這互聯(lián)網(wǎng)下高速發(fā)展的時候，又是再次降臨4G的時代。正是我學(xué)習(xí)HTML5的好時機，我們還不自學(xué)cxi5就out了！