4还可以用dt dl来写~和ul li是一样的道理~其实，任何元素都可以拿来写导航~不过常用的还是上述的第1 2 两种；1用Dreamweaver创建一个新的HTML文件2先按ctrls保存，以防突然断电，数据丢失3将title修改为htmlcss，实现横向导航4创建一个新的divid“A”并添加ulli标签5在li中添加所需的文本，并调整文本间距按F12；href=quot target=quot_blankquot二级导航4lta ltli ltul ltli ltul ltdivltbodylthtml复制上面代码，保存到后缀为html或者htm的文件中，用浏览器打开就可以。

设置导航条的宽和高，网站图标靠左，其他链接靠右用css+html，布局差不多就是下面这样lthtml lthead ltstyle bodybackground#777 header width100%*全屏宽* height40px*40像素高* background#fff；1首先打开Deamweaver8，新建一网页文件，接着输入以下导航菜单的内容2此时对应效果如图3接下来准备相关的导航按钮图片可以事先利用PS制作好4然后将以下CSS代码加入到ltheadlthead之间5网页此时的效果；01首先打开SublimeText软件，新建一个html页面，在html页面中准备好html结构，如下图所示02接下来，我们在html的body结构中添加导航栏的内容，如下图所示03然后需要在style标签中用CSS定义导航条的样式，如下图所示写样。

1打开Deamweaver8，新建一网页文件接着输入以下导航菜单的内容lthtml xmlns=quot lthead ltmeta；1新建html页面 打开html编辑软件，新建一个html页面如图2添加导航标签 在ltbody标签里新建一个ltulltul标签，然后在ltul标签里添加几个ltliltli标签如图3在ltli标签内添加文字在新建的ltli添加；3这时候就发现页面底部有工具栏面板弹出来了将光标定位到某个标签，下面属性栏就显示某个标签的相关属性 4点击属性面板右侧的菜单图标，还可以关闭属性面板或者面板组，这样dw即可做纵向导航栏了html垂直多级导航条怎么。

建议使用FF，Safari，举个例子lt！doctype html lthtml lthead lttitleHTML5+CSS3+JavaScriptlttitle ltmeta；首先打开SublimeText软件，新建一个html页面，并且在html页面中准备好html结构，如下图所示 接下来我们在html的body结构里添加导航条的内容，如下图所示 然后就需要在style标签中用CSS对导航条的样式进行定义了，如下图所示。

最后把这个表格保存为一个HTML文件，在需要导航的页面上include这个文件在你指定的位置就OK了这样的好处是你只要做一次导航文件就可以在所有你想要用的地方引用改起来也灰常方便，因为你只要改这个HTML文件就会在所有引用；18首先我们的html里，添加好导航内容28后面的就是网页的具体内容了，这里的代码简单一些38样式里，我们先定义一些菜单里的样式48这时运行页面时，在滚动条滚动下去后，导航是会消失不见的58为了让导航栏。

lt！DOCTYPE html lthtml lthead ltmeta charset=quotutf8quot ltmeta；首先打开SublimeText软件，新建一个html页面，在html页面中准备好html结构，如下图所示接下来，我们在html的body结构中添加导航栏的内容，如下图所示然后需要在style标签中用CSS定义导航条的样式，如下图所示写样式的时候。