html怎么做导航栏

1、用Dreamweaver新建一个HTML文件；

2、按ctrl+s先保存，以防突然断电数据丢失；

3、修改title为html+css实现横向导航；

4、新建一个divid为“a”，添加ulli标签；

5、在li中添加自己想要的文字并调整好文字间距，按F12预览；6、首先去掉字体前面的小黑点。

HTML的全称为超文本标记语言，是一种标记语言。它包括一系列标签，通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。

看你的导航是横排的还是竖排的。

横排的就建一个一行多列的表格，竖排的就建一个一列多行的表格。把每一个链接放在各个单元格中。最后把这个表格保存为一个HTML文件，在需要导航的页面上include这个文件在你指定的位置就OK了。这样的好处是你只要做一次导航文件就可以在所有你想要用！的地方引用。改起来也灰常方便，因为你只要改这个HTML文件就会在所有引用的地方全部生效了！

3种实现方式：

点击导航，页面刷新，加载完成后重新使导航内容为刷新前的内容，通过url中传参就可以达到了。

采用单页面的方式，内容都写在页面中，初始化时，仅显示当前内容，其他内容隐藏，通过点击导航条来切换需要显示的内容。

采用iframe的方式，要显示的内容在主html中，内容显示在html的iframe标签中，通过改变iframe的src来加载不同的内容。

目前很多网站都是采用第一种方式；论体验，第二种方式好；论方便，选择1,3种方式！