HTML導航欄代碼6

<nav class="navbar">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Products</a></li>
<li class="dropdown">
<a href="#" class="dropbtn">Services</a>
<div class="dropdown-content">
<a href="#">Service 1</a>
<a href="#">Service 2</a>
<a href="#">Service 3</a>
</div>
</li>
<li class="dropdown">
<a href="#" class="dropbtn">About</a>
<div class="dropdown-content">
<a href="#">About Us</a>
<a href="#">Our Team</a>
<a href="#">History</a>
</div>
</li>
<li><a href="#">Contact</a></li>
</ul>
</nav>

這是一段基本的HTML導航欄代碼，包括主頁、產品、服務、關于和聯系等五個選項。其中，服務和關于兩個選項為下拉菜單，鼠標懸停在選項上時會出現下拉框展示更多選項。

具體實現方式如下：

- 使用 <nav> 標簽定義導航欄
- 使用 <ul> 和 <li> 標簽創建列表，<a> 標簽定義每個選項的鏈接和文本
- 引入 CSS 樣式，設置 <li> 標簽的樣式為 dropdown，以實現下拉菜單的效果
- 使用 JavaScript 實現下拉框展示和隱藏的交互效果

以上是此代碼的基本結構，可以根據需要進行靈活修改和調整，以實現更好的效果。此外，還可以使用其他前端框架或工具進一步優化導航欄功能和樣式。