HTML導航欄是網頁設計中必不可少的一個元素。它可以幫助用戶快速找到他們需要的信息，同時也為網頁增添了美觀的效果。

下面是一個簡單的HTML導航欄代碼：

<ul class="nav">
<li><a href="#">首頁</a></li>
<li><a href="#">新聞</a></li>
<li><a href="#">產品</a></li>
<li><a href="#">聯系我們</a></li>
</ul>

這段代碼中，<ul>標簽用于創建一個無序列表。<li>標簽則代表列表中的每一項，使用<a>標簽創建鏈接。在 CSS 樣式表中，我們可以將導航欄的樣式設置為水平顯示，并設置每個鏈接之間的間距。

下面是一個簡單的CSS中的代碼：

.nav {
list-style: none;
display: flex;
justify-content: space-between;
padding: 0;
margin: 0;
}
.nav li {
margin: 0 1rem;
}
.nav a {
color: black;
text-decoration: none;
font-size: 16px;
transition: color 0.2s ease-in-out;
}
.nav a:hover {
color: red;
}

在上述CSS中，我們使用了 flexbox 布局將導航欄設置為水平顯示，并添加了間距。我們使用 hover 偽類將鼠標懸停在導航欄鏈接上時，將文本顏色更改為紅色。

綜上所述，使用HTML和CSS可以輕松創建美觀且易于使用的導航欄。通過使用鏈接和樣式，用戶可以在網站上快速輕松地找到他們需要的信息。