首先我們打開自己的電腦，找到已經(jīng)安裝好的Dreamweaver，新建一個(gè)html頁面，并保存到桌面上然后我們?cè)趆tml的編輯窗口，編輯元素，使其中顯示若干文字，我是用的div標(biāo)簽進(jìn)行布局顯示的其在瀏覽器中的顯示效果如下圖所示，我們。

1在怪異模式下，也就是網(wǎng)頁頭部不寫doctype的時(shí)候，body可以作為html元素的根元素，設(shè)置它的高度為百分之百的時(shí)候不考慮外邊距，可以使的頁面的高度和瀏覽器客戶區(qū)相同在標(biāo)準(zhǔn)模式下，也就是網(wǎng)頁頭部寫doctype的時(shí)候。

1 html中調(diào)整位置使用css的float屬性詳細(xì)用法首先在html文件中新建兩個(gè)div容器，用來方便演示效果，容器中都加入h2標(biāo)簽，設(shè)置不同文字便于區(qū)分2div標(biāo)簽給它在style標(biāo)簽設(shè)置class屬性的樣式，給它高度和寬度以及顏色，h2。

1打開Hbuilder編輯器，新建一個(gè)html空白文檔，輸入基本的結(jié)構(gòu)，這里設(shè)置一個(gè)外圍的div盒子，給外圍的div高度寬度和背景顏色，文字包裹到span標(biāo)簽里，文字也設(shè)置一下顏色，按下Crtl+S保存一下2此時(shí)可以在軟件右側(cè)的窗口。