HTML導航欄是網頁設計過程中不可或缺的部分之一。在設計和編寫網頁中，一個簡單和易于使用的導航欄可以提高用戶體驗和網站的可用性。下面是一個HTML導航欄代碼模板，可以供網頁開發者參考使用。

這是一個簡單的HTML導航欄模板：

nav {
background-color: #333;
color: #fff;
display: flex;
justify-content: space-between;
}
nav ul {
list-style: none;
margin: 0;
padding: 0;
}
nav ul li {
display: inline-block;
margin: 5px;
}
nav ul li a {
color: #fff;
display: block;
padding: 10px;
text-decoration: none;
}
nav ul li a:hover {
background-color: #fff;
color: #333;
}

以上代碼中，nav標簽定義了整個導航欄的樣式。設置了背景色和文本顏色，并使用了flex屬性來讓導航欄中的元素在橫向上均勻分布。

接下來，使用了ul標簽來定義導航欄中的列表。設置了列表樣式的一些基本屬性，并使用了li標簽定義每個導航欄元素。

在li元素內部，使用a標簽來定義導航欄中的鏈接。此處設置了文本顏色、內邊距和文字裝飾等樣式。在懸停時，設置了背景色和文本顏色。

此導航欄模板簡單易用，可以通過修改CSS的樣式進行自定義設計。開發者可以根據項目需求，添加額外的元素、樣式和功能。此模板可以適用于不同類型的網站，例如博客、商店、服務網站等。