html横向导航栏
时间: 2023-07-18 08:21:58 浏览: 97
html导航栏
5星 · 资源好评率100%
HTML 横向导航栏可以使用以下代码来创建:
```
<nav>
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">产品</a></li>
<li><a href="#">服务</a></li>
<li><a href="#">关于我们</a></li>
<li><a href="#">联系我们</a></li>
</ul>
</nav>
```
在这个示例中,我们使用了 `<nav>` 标签来表示导航栏,使用 `<ul>` 标签来表示一个无序列表,使用 `<li>` 标签来表示每个导航项,使用 `<a>` 标签来表示每个导航项的链接。
你可以根据需要添加和修改导航项,例如增加一个帮助链接:
```
<nav>
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">产品</a></li>
<li><a href="#">服务</a></li>
<li><a href="#">关于我们</a></li>
<li><a href="#">联系我们</a></li>
<li><a href="#">帮助</a></li>
</ul>
</nav>
```
你可以使用 CSS 样式来美化导航栏,例如设置背景颜色、字体样式、鼠标悬停效果等。
阅读全文