下拉菜單是網頁中常用的交互式組件之一。在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代碼搭配使用即可實現下拉菜單效果。