1、第一步，雙擊打開HBuilder開發(fā)工具，新建靜態(tài)頁面block.html。

2、第二步，在body元素內(nèi)插入div、p、a和span，利用這些元素設(shè)計(jì)菜單。

3、第三步，在<style></style>內(nèi)編寫樣式屬性，設(shè)計(jì)a標(biāo)簽元素樣式屬性。

4、第四步，預(yù)覽該靜態(tài)頁面，查看頁面在瀏覽器中的效果。

5、第五步，設(shè)計(jì)a標(biāo)簽hover和active的樣式屬性，設(shè)置字體屬性、字體大小、寬度、高度和行高。

6、第六步，添加a標(biāo)簽link樣式屬性，再次預(yù)覽該靜態(tài)頁面。

需要準(zhǔn)備的材料分別有：電腦、瀏覽器、html編輯器。

1、首先，打開html編輯器，新建html文件，例如：index.html，編寫問題基礎(chǔ)代碼。

2、在index.html中的第一個(gè)

標(biāo)簽中，加入樣式代碼：style="float: left"。

3、瀏覽器運(yùn)行index.html頁面，此時(shí)兩個(gè)div標(biāo)簽的文字會(huì)在同一行上。

HTML是英文 HyperText Markup Language 的縮寫，它的意思是"超文本標(biāo)記語言"，用它編寫出文檔的文件的擴(kuò)展名是“.html”或“.htm”（微軟的操作系統(tǒng)），是可供瀏覽器解釋瀏覽的文件格式。你可以使用記事本，寫字板或者是專業(yè)的IDE如：Dreamweaver等等編輯工具來編寫HTML文件。

HTML標(biāo)記兩端有兩個(gè)符號(hào)“<”和“>”,這兩個(gè)符號(hào)稱為角括號(hào)。html標(biāo)簽通常是成對出現(xiàn)的，比如“< html >”和“< /html >”，前一個(gè)是開始標(biāo)記，后面的是結(jié)束標(biāo)記，在開始和結(jié)束標(biāo)記之間的的文本是元素內(nèi)容。html標(biāo)記是與大小寫無關(guān)的，“< html >”和“< HTML >”所表示的意思的一樣的。標(biāo)記可以擁有自己的屬性。屬性他能夠?yàn)轫撁嫔系腍TML元素提供附加信息。