1打開Deamweaver8，新建一網(wǎng)頁文件接著輸入以下導航菜單的內(nèi)容lthtml xmlns=quot lthead ltmeta。

html做導航欄步驟如下1用Dreamweaver新建一個HTML文件2按ctrl+s先保存，以防突然斷電數(shù)據(jù)丟失3修改title為html+css實現(xiàn)橫向?qū)Ш?新建一個divid為“a”，添加ulli標簽5在li中添加自己想要的文字并調(diào)整。

其實導航欄就是給列表標簽設置CSS樣式 第一步 在HTML上的文件里加上ulli 標簽，在對應的CSS文件中使用下邊語句去掉 li 標簽前面默認的小圓點 第二步 讓 li 標簽 浮動 起來，一般設置為左浮動，看看它是不是。

導航欄標簽可以直接在H5使用2然后打開indexhtml文件，輸入以下代碼3首先第一個方法就是使用displayinlineblock將ul標簽設置成行內(nèi)塊級元素然后將li標簽設置為左浮動即可4第二種方法就是就是將p設置為displayta。

很多小伙伴學習了一段時間的HTML和css，就想自己動手試試制作導航條菜單，不過卻沒有思路，今天小編我就來分享一下HTML和css制作導航條的實例，大家可以參考參考如圖，制作導航條菜單一般是用一個div嵌套ul和li標簽，然后li。

建議使用FF，Safari，舉個例子lt！doctype html lthtml lthead lttitleHTML5+CSS3+JavaScriptlttitle ltmeta。

01首先打開SublimeText軟件，新建一個html頁面，在html頁面中準備好html結構，如下圖所示02接下來，我們在html的body結構中添加導航欄的內(nèi)容，如下圖所示03然后需要在style標簽中用CSS定義導航條的樣式，如下圖所示寫樣。

首先打開SublimeText軟件，新建一個html頁面，并且在html頁面中準備好html結構，如下圖所示 接下來我們在html的body結構里添加導航條的內(nèi)容，如下圖所示 然后就需要在style標簽中用CSS對導航條的樣式進行定義了，如下圖所示。