下拉菜单是网页中常用的交互式组件之一。在HTML中，可以通过

和
• 标签实现一个基本的下拉菜单。下面是一个简单的HTML代码示例：

  <ul><li>菜单项1</li><li>菜单项2<ul><li>子菜单1</li><li>子菜单2</li><li>子菜单3</li></ul></li><li>菜单项3</li></ul>

  在上面的代码中，<ul>标签表示一个列表，<li>标签表示列表项。在第二个列表项中，又嵌套了一个新的<ul>标签，表示一个子菜单。

  为了实现下拉效果，需要使用CSS样式。可以为<li>标签添加:hover伪类，用来表示鼠标悬停在菜单项上时应该显示的样式。然后为子菜单添加样式，让它们默认不可见，并为父菜单项添加子菜单显示的样式。

  <style>/* 子菜单初始状态 */ul ul {display: none;}/* 鼠标移入父菜单项的样式 */ul li:hover {background-color: #DDD;}/* 显示子菜单 */ul li:hover > ul {display: block;}</style>

  上面的样式代码中，>符号用来表示选择子元素。选择器ul li:hover > ul表示选择鼠标悬停在li标签上的菜单项，并选中该菜单项下的子菜单ul元素。使用display属性将该子菜单ul元素设置为可见即可实现下拉效果。

  上述html和css代码搭配使用即可实现下拉菜单效果。