html5制作二级菜单
时间: 2023-10-20 08:07:47 浏览: 93
HTML5可以使用<ul>和<li>标签来制作二级菜单。以下是一个简单的示例:
```
<nav>
<ul>
<li><a href="#">菜单1</a>
<ul>
<li><a href="#">子菜单1</a></li>
<li><a href="#">子菜单2</a></li>
<li><a href="#">子菜单3</a></li>
</ul>
</li>
<li><a href="#">菜单2</a>
<ul>
<li><a href="#">子菜单1</a></li>
<li><a href="#">子菜单2</a></li>
<li><a href="#">子菜单3</a></li>
</ul>
</li>
<li><a href="#">菜单3</a>
<ul>
<li><a href="#">子菜单1</a></li>
<li><a href="#">子菜单2</a></li>
<li><a href="#">子菜单3</a></li>
</ul>
</li>
</ul>
</nav>
```
在上述示例中,我们创建了一个导航栏,其中包含三个主要菜单项。每个主菜单项都有一个嵌套的<ul>元素,其中包含该主菜单项下的子菜单项。要使子菜单项成为二级菜单项,我们只需将其嵌套在对应的主菜单项下的<ul>元素中。CSS样式可以用来美化菜单的外观和布局。
阅读全文