html右侧二级菜单代码

HTML右侧二级菜单在网页设计中起到了很重要的作用，可以帮助用户在页面中浏览和查看关键信息。下面是一段HTML代码示例，展示如何创建一个简单的右侧二级菜单：

<div class="sidebar">
  <ul class="menu">
    <li class="has-submenu">
      <a href="#">菜单一</a>
      <ul class="submenu">
        <li><a href="#">子菜单一</a></li>
        <li><a href="#">子菜单二</a></li>
        <li><a href="#">子菜单三</a></li>
      </ul>
    </li>
    <li><a href="#">菜单二</a></li>
    <li><a href="#">菜单三</a></li>
    <li><a href="#">菜单四</a></li>
  </ul>
</div>

上面的代码中，我们使用了一个包含class为“sidebar”的div来包裹整个菜单。在div中，我们使用了一个ul元素来创建主菜单，ul元素包含一个菜单项列表，每个菜单项都是一个li元素。

在主菜单中，我们创建了一个包含class为“has-submenu”的菜单项，表示该项包含一个子菜单。在该菜单项中，我们使用了一个a元素来创建菜单链接，并在其内部创建了一个包含class为“submenu”的子菜单。在子菜单中，我们又使用了多个li元素来创建子菜单项，每个子菜单项都是一个a元素包裹的链接。

最后，我们在CSS中定义样式来使菜单看起来更加美观和功能更加完善。通过CSS，我们可以设置菜单的样式、大小、颜色、字体等等。