在制作網站時，導航欄是非常重要的一部分。一個好的導航欄能夠讓用戶更方便地瀏覽你的網站。而在HTML中設置一個導航欄也非常簡單，下面我們就來介紹如何將導航欄設置在網站的左邊。

首先，我們需要一個HTML文件和一個CSS文件。在HTML文件中，我們需要編寫一個ul標簽，用于放置導航欄的選項。代碼如下：

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

上述代碼中，我們使用了一個id為“nav”的ul標簽，并將導航選項放置在其中。在每一個選項中，我們都使用了a標簽來創建超鏈接。

接下來，在我們的CSS文件中，我們需要對這個導航欄進行樣式設置。我們可以使用float屬性將導航欄設置為左對齊。代碼如下：

#nav {
float: left;
list-style: none;
margin: 0;
padding: 0;
}
#nav li {
float: left;
margin: 0 10px;
}
#nav li a {
display: block;
padding: 5px;
text-decoration: none;
}

在上述代碼中，我們設置了id為“nav”的ul標簽的float屬性為left，將其與其他元素對齊。我們還對li元素進行了樣式設置，使其對應導航欄選項。最后，我們對a標簽進行了樣式設置，以獲得更好的視覺效果。

完成以上操作后，我們就成功地將導航欄設置在HTML頁面的左邊了。這種簡單的導航欄布局不僅可以為網站提供更好的導航功能，還可以提高用戶體驗，使用戶更喜歡使用你的網站。