HTML導航欄設置在頂部是非常流行的設計，它可以提高網站的用戶體驗和導航功能。在HTML中，我們可以使用多個方法來實現導航欄的設置。下面是一些示例：

<div id="nav">
<ul>
<li><a href="#">首頁</a></li>
<li><a href="#">產品</a></li>
<li><a href="#">服務</a></li>
<li><a href="#">關于我們</a></li>
<li><a href="#">聯系我們</a></li>
</ul>
</div>

在上面的代碼中，我們使用了<div>標簽來包圍導航欄，并使用了<ul>和<li>標簽來實現無序列表。每個導航項使用<a>標簽來包圍，其中的“#”表示鏈接的地址。

除此之外，我們也可以使用CSS來實現導航欄的頂部設置。下面是一個示例代碼：

<style>
#nav {
position: fixed;
top: 0;
left: 0;
right: 0;
background-color: #333;
}
#nav ul {
list-style: none;
margin: 0;
padding:0;
}
#nav li {
display: inline-block;
}
#nav a {
display: block;
padding: 10px 20px;
color: #fff;
text-decoration: none;
}
</style>
<div id="nav">
<ul>
<li><a href="#">首頁</a></li>
<li><a href="#">產品</a></li>
<li><a href="#">服務</a></li>
<li><a href="#">關于我們</a></li>
<li><a href="#">聯系我們</a></li>
</ul>
</div>

在上面的代碼中，我們使用了CSS的“fixed”屬性來實現導航欄固定在頁面頂部，同時設置了背景顏色、字體顏色、字體大小等樣式。