打開html編輯軟件，新建壹個html頁面。如圖所示:
2.添加導航標簽
在< body >上；創建新的
3.在…裏
在新的
4.創建樣式標簽
在< title >上；創建新的
5.創建水平導航的樣式。
在< style >上；將樣式類添加到標記中，如下所示:。navli{}，然後設置樣式背景色為紅色，向左浮動，內邊框上下約8px，15px，列表屬性為none，字體顏色為白色。
樣式代碼是:
navli {背景色:紅色；padding:8px 15px；浮動:左；列表樣式:無；顏色:# fff}
6.參考樣式類。
在< ul >；添加標簽，您可以使
7.檢查效果。
保存html文件後，用瀏覽器打開就可以看到水平導航菜單的效果。如圖所示:
1，標簽可以作為鏈接符號，也是壹種內嵌標簽。可以直接輸入帶標簽的文本，橫向顯示。
2、可以制作如圖所示的效果，橫向顯示導航。
3.如果要移動整體導航位置，可以給整個A標簽添加壹個大框div，這樣就可以移動整體div。
4.如圖，給div加壹個中心，加壹個筆畫，會直接影響整個A標簽內容。
5.我們也可以使用塊標簽div作為導航的壹部分。如果中間有鏈接，我們需要A標簽。
6.默認的塊標簽div是垂直排列的，也就是說，它會換行。
7.然後我們把div加到float:left；；漂浮效果好。
8.這樣，剛才的垂直導航就變成了水平排列的導航頁面。
9.很多時候我們在做導航的時候會使用無序列表ul或者有序列表ol來做導航，做法和div壹樣，比如建立如圖所示的ulli標簽；將李加入到漂浮效果中。
10，加上壹些邊框值，這樣的導航頁面就可以了。