HTML 導航下拉菜單是網頁制作中常用的一種元素，用于展示網站的主要導航選項。它可以讓網站更加易于用戶導航和瀏覽。下面是一個簡單的 HTML 導航下拉菜單的代碼：

HTML 導航下拉菜單的代碼使用以下 HTML 標簽：

<ul>
<li><a href="#">主頁</a></li>
<li><a href="#">關于我們</a></li>
<li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">產品</a>
<ul class="dropdown-menu">
<li><a href="#">產品 1</a></li>
<li><a href="#">產品 2</a></li>
<li><a href="#">產品 3</a></li>
</ul>
</li>
<li><a href="#">聯系我們</a></li>
</ul>

這段代碼使用 <ul> 標簽創建一個無序列表，其中每個列表項使用 <li> 標簽表示。

導航菜單的第三個列表項包含一個下拉菜單，使用 <li> 標簽添加了一個類名“dropdown”，以及一個指向下拉菜單的鏈接，使用 <a> 標簽。

在鏈接中，使用 class 屬性添加了一個樣式類名“dropdown-toggle”，并使用 data-toggle 屬性指定下拉菜單應在何時觸發。

下拉菜單本身由另一個無序列表表示，使用 <ul> 標簽和類名“dropdown-menu”來添加樣式。

下拉菜單中的每個選項由一個列表項（<li>）和一個鏈接（<a>）組成。鏈接的 href 屬性可以指向其他頁面。

以上是 HTML 導航下拉菜單的代碼示例，你可以根據需要進行修改和擴展。在實際使用中，你還可以添加 JavaScript 或 CSS 樣式來優化下拉菜單體驗。