HTML 導航欄是網站中不可或缺的一部分，它能夠幫助用戶更快速、方便地瀏覽網站的不同頁面。在本文中，我將講述如何設置 HTML 導航欄。 首先，我們需要使用 HTML 中的 ul 和 li 標簽來創建有序列表。下面是一個基本的 HTML 導航欄代碼：

<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> 標簽，用于鏈接到網站的不同頁面。其中，href 屬性指定了鏈接的目標地址，# 表示鏈接到當前頁面的頂部。 接下來，我們可以使用 CSS 設置導航欄的樣式，包括字體、顏色、背景等。下面是一個簡單的 CSS 代碼示例：

nav {
background-color: #333;
color: #fff;
font-size: 18px;
padding: 10px;
}
nav ul {
list-style: none;
margin: 0;
padding: 0;
}
nav li {
display: inline-block;
margin-right: 10px;
}
nav a {
color: #fff;
text-decoration: none;
}
nav a:hover {
text-decoration: underline;
}

上述代碼中，我們使用了 nav, ul, li 和 a 選擇器來設置導航欄的樣式。通過使用 display: inline-block 屬性，我們使得每個列表項都可以在同一行內顯示，并且 margin-right: 10px 屬性用于設置列表項之間的間距。同時，使用 :hover 偽類選擇器，我們可以為鼠標懸停在鏈接上時設置不同的樣式。 總結一下，通過使用 HTML 和 CSS，我們可以很容易地設置一個簡單的導航欄。我們可以通過添加和修改列表項和樣式來定制導航欄的外觀和功能，從而更好地滿足我們的需求。