4還可以用dt dl來寫~和ul li是一樣的道理~其實，任何元素都可以拿來寫導(dǎo)航~不過常用的還是上述的第1 2 兩種；1用Dreamweaver創(chuàng)建一個新的HTML文件2先按ctrls保存，以防突然斷電，數(shù)據(jù)丟失3將title修改為htmlcss，實現(xiàn)橫向?qū)Ш?創(chuàng)建一個新的divid“A”并添加ulli標簽5在li中添加所需的文本，并調(diào)整文本間距按F12；href=quot target=quot_blankquot二級導(dǎo)航4lta ltli ltul ltli ltul ltdivltbodylthtml復(fù)制上面代碼，保存到后綴為html或者htm的文件中，用瀏覽器打開就可以。

設(shè)置導(dǎo)航條的寬和高，網(wǎng)站圖標靠左，其他鏈接靠右用css+html，布局差不多就是下面這樣lthtml lthead ltstyle bodybackground#777 header width100%*全屏寬* height40px*40像素高* background#fff；1首先打開Deamweaver8，新建一網(wǎng)頁文件，接著輸入以下導(dǎo)航菜單的內(nèi)容2此時對應(yīng)效果如圖3接下來準備相關(guān)的導(dǎo)航按鈕圖片可以事先利用PS制作好4然后將以下CSS代碼加入到ltheadlthead之間5網(wǎng)頁此時的效果；01首先打開SublimeText軟件，新建一個html頁面，在html頁面中準備好html結(jié)構(gòu)，如下圖所示02接下來，我們在html的body結(jié)構(gòu)中添加導(dǎo)航欄的內(nèi)容，如下圖所示03然后需要在style標簽中用CSS定義導(dǎo)航條的樣式，如下圖所示寫樣。

1打開Deamweaver8，新建一網(wǎng)頁文件接著輸入以下導(dǎo)航菜單的內(nèi)容lthtml xmlns=quot lthead ltmeta；1新建html頁面 打開html編輯軟件，新建一個html頁面如圖2添加導(dǎo)航標簽 在ltbody標簽里新建一個ltulltul標簽，然后在ltul標簽里添加幾個ltliltli標簽如圖3在ltli標簽內(nèi)添加文字在新建的ltli添加；3這時候就發(fā)現(xiàn)頁面底部有工具欄面板彈出來了將光標定位到某個標簽，下面屬性欄就顯示某個標簽的相關(guān)屬性 4點擊屬性面板右側(cè)的菜單圖標，還可以關(guān)閉屬性面板或者面板組，這樣dw即可做縱向?qū)Ш綑诹薶tml垂直多級導(dǎo)航條怎么。

建議使用FF，Safari，舉個例子lt！doctype html lthtml lthead lttitleHTML5+CSS3+JavaScriptlttitle ltmeta；首先打開SublimeText軟件，新建一個html頁面，并且在html頁面中準備好html結(jié)構(gòu)，如下圖所示 接下來我們在html的body結(jié)構(gòu)里添加導(dǎo)航條的內(nèi)容，如下圖所示 然后就需要在style標簽中用CSS對導(dǎo)航條的樣式進行定義了，如下圖所示。

最后把這個表格保存為一個HTML文件，在需要導(dǎo)航的頁面上include這個文件在你指定的位置就OK了這樣的好處是你只要做一次導(dǎo)航文件就可以在所有你想要用的地方引用改起來也灰常方便，因為你只要改這個HTML文件就會在所有引用；18首先我們的html里，添加好導(dǎo)航內(nèi)容28后面的就是網(wǎng)頁的具體內(nèi)容了，這里的代碼簡單一些38樣式里，我們先定義一些菜單里的樣式48這時運行頁面時，在滾動條滾動下去后，導(dǎo)航是會消失不見的58為了讓導(dǎo)航欄。

lt！DOCTYPE html lthtml lthead ltmeta charset=quotutf8quot ltmeta；首先打開SublimeText軟件，新建一個html頁面，在html頁面中準備好html結(jié)構(gòu)，如下圖所示接下來，我們在html的body結(jié)構(gòu)中添加導(dǎo)航欄的內(nèi)容，如下圖所示然后需要在style標簽中用CSS定義導(dǎo)航條的樣式，如下圖所示寫樣式的時候。