HTML导航栏的四种制作方法

1.首先,大家可以直接使用html5中的导航栏标签
具体代码如下
这是实际的效果,可以根据实际需要,去除下划线和颜色等等
2.接下来可以无序列表,去除它的默认样式设置浮动就可以了,具体的代码如下
ul{
height: 100px;
width:100%;
list-style-type: none; //取消无序列表的固定样式
}
ul li{
float:left;
margin: 20px; //设置三个元素的外间距
}
这是实际的效果图。
3.设置超链接
在这里还想说的是,
- 的子集元素只能是
- ,不可以是别的,HTML的语义很弱,标签的使用很重要,在实际的网页开发中,不同标签的语义,权重都不一样,所以,优化也不一样。
4.可以使用bootstrap,大家可以看一下具体的代码和详细的注释。
bootstrap的学习 实际效果如下