接下來，我們在html的body結構中添加導航欄的內容，如下圖所示然后需要在style標簽中用CSS定義導航條的樣式，如下圖所示寫樣式的時候一定要注意寫在樣式標簽里最后，運行html頁面，您將看到如下圖所示的導航欄當鼠標。

新建html頁面 打開html編輯軟件，新建一個html頁面如圖添加導航標簽 在body標簽里新建一個ulul標簽，然后在ul標簽里添加幾個lili標簽如圖在li標簽內添加文字 在新建的li添加要顯示的內容如圖創(chuàng)建樣式標簽 在。

1首先打開Deamweaver8，新建一網(wǎng)頁文件，接著輸入以下導航菜單的內容2此時對應效果如圖3接下來準備相關的導航按鈕圖片可以事先利用PS制作好4然后將以下CSS代碼加入到ltheadlthead之間5網(wǎng)頁此時的效果。

HTMLlt！DOCTYPE htmllthtmllthead ltmeta charset=#39utf8#39 ltstyle type=quottextcssquot html， body margin 0 padding 0 background #E6E6E6 nav liststyle。

網(wǎng)站導航條一般是使用ltul標簽和ltli標簽，在HTML5中新增ltnav標簽，使用方法是在原來導航條最外側增加ltnavltnavltnav標簽是語義標簽，對布局中的樣式?jīng)]有任何影響，只是告訴搜索引擎和瀏覽器引擎這是導航區(qū)域相關。

1首先，大家可以直接使用html5中的導航欄標簽ltnavltnav，可以根據(jù)實際需要，去除下劃線和顏色等等 2接下來可以無序列表，去除它的默認樣式設置浮動就可以了 3設置超鏈接 在這里還想說的是，ltul的子集元素只能是。

3在新建的html文件上，我點開的是“拆分”模式，所以左側顯示的是代碼，右邊是效果，這樣可以在左邊寫代碼，右邊預覽4在Dreamweavercs6中已經(jīng)沒有插入導航條對象了，這里用spry菜單欄，操作更方便在菜單中找到插入。

html定位的方法首先創(chuàng)建一個HTML示例文件然后使用a標簽寫好3個菜單以及內容接著給每個內容標題的a標簽中加上name屬性并添加“#鏈接”最后在“#”前面加上具體的頁面即可自動定位到這個頁面的具體位置。

設置導航條的寬和高，網(wǎng)站圖標靠左，其他鏈接靠右用css+html，布局差不多就是下面這樣lthtml lthead ltstyle bodybackground#777 header width100%*全屏寬* height40px*40像素高* background#fff。

在很多的網(wǎng)站導航欄或者類似于導航欄的一些功能一直能夠固定在網(wǎng)頁的頂部，就算是下拉滾動條也不會被窗口所遮擋，這樣的功能往往非常的使用，下面就簡單介紹一下如何實現(xiàn)此種功能先看一段代碼實例lt！DOCTYPE html lthtml。

根據(jù)您的描述，我理解您可能需要使用JavaScript或CSS來實現(xiàn)這個功能以下是一些可能有用的代碼段1 使用CSS實現(xiàn)您可以在HTML中創(chuàng)建垂直導航欄，然后使用CSS來控制它的顯示和隱藏當用戶鼠標懸停在一級導航上時，使用CSS的。

運用display的block設置左拉導航欄，設置下拉導航欄在HTML中設置導航欄左側是運用display的block設置左拉導航欄，設置下拉導航欄HTML是由Web的發(fā)明者TimBernersLee和同事DanielWConnolly于1990年創(chuàng)立的一種標記語言，它是標準。

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

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

1打開網(wǎng)站后臺 2找到欄目設置，不同的程序位置有所不同，3進入欄目設置，吧設計好的欄目導航詞條 按順序填寫，排序越小也靠前 4填寫完畢，一定要保存，然后生成一下，有的程序不需要生成，偽靜態(tài)的也不需要生成5切換到。