HTML 水平導航欄是Web開發中非常常用的組件之一。它可以讓用戶更方便地瀏覽網站的不同頁面，提高用戶體驗。下面是一個基本的HTML水平導航欄代碼示例，其中使用了無序列表-ul標簽和列表項-li標簽。

<nav>
<ul>
<li><a href="#">首頁</a></li>
<li><a href="#">關于我們</a></li>
<li><a href="#">產品展示</a></li>
<li><a href="#">聯系我們</a></li>
</ul>
</nav>

代碼中的 "nav" 標簽表示導航欄的整個區域。"ul" 標簽和 "li" 標簽用來創建列表項，每個列表項上都有一個超鏈接 "a" 標簽，用來跳轉到不同頁面。 可以在CSS樣式表中進一步美化導航欄的樣式，比如設置字體大小，背景顏色，懸停效果等。在實際開發中，還可以采用JavaScript腳本來實現更多功能，例如隱藏某些菜單項、動態切換樣式等。 需要注意的是，在編寫水平導航欄時，要注意頁面的響應式設計。尤其是在手機等小屏設備上，需要將導航欄設計成響應式菜單，以提升用戶的使用體驗。