HTML是一種標記語言，用于創建網頁。在網頁設計中，常常需要為頁面設置左側導航，這使得網站變得更加易于訪問和導航。那么，HTML怎么設置左側導航呢？

<div class="navigation">
<ul>
<li><a href="#">首頁</a></li>
<li><a href="#">關于我們</a></li>
<li><a href="#">服務</a></li>
<li><a href="#">聯系我們</a></li>
</ul>
</div>

如上代碼中的<d;ul>和<d;li>標簽定義了一個無序列表，而<d;a>標簽用于創建鏈接。要設置導航欄樣式，我們可以使用CSS樣式表：

.navigation {
border: 1px solid #ccc;
background-color: #f2f2f2;
padding: 10px;
width: 200px;
}
.navigation ul {
list-style: none;
margin: 0;
padding: 0;
}
.navigation li {
margin: 0;
padding: 0;
}
.navigation a {
display: block;
padding: 10px;
text-decoration: none;
color: #666;
}
.navigation a:hover {
background-color: #ddd;
color: #333;
}

以上的CSS為導航欄添加了邊框、背景色、內邊距和寬度等樣式，還為列表項添加了樣式。此外，當鼠標懸停時，鏈接的背景色和字體顏色也會改變。

通過這些簡單的HTML和CSS代碼，您可以很容易地為您的網站添加一個好看的左側導航，為用戶提供更好的導航和交互體驗。