HTML中的左側懸浮菜單是網頁開發中經常需要用到的功能。當用戶進入頁面時，菜單會一直固定在頁面的左側位置，方便用戶快速查找和點擊相應的鏈接。為了實現這一功能，我們需要編寫一段HTML和CSS代碼。 下面是一個基礎的左側懸浮菜單的HTML代碼：

<div id="side-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標簽用于定義菜單的外部容器，id為"side-nav"。ul標簽用于定義菜單的列表，其中包含多個li標簽，每個li標簽內部包含一個a標簽，用于定義鏈接。 接下來，我們需要為菜單添加樣式，讓它固定在左側位置并實現懸浮的效果。下面是一個示例的CSS代碼：

#side-nav {
position: fixed;
left: 0;
top: 50%;
transform: translateY(-50%);
z-index: 9999;
}
#side-nav ul {
list-style: none;
margin: 0;
padding: 0;
}
#side-nav li {
margin-bottom: 10px;
}
#side-nav a {
display: block;
padding: 10px;
background-color: #333;
color: #fff;
text-decoration: none;
}

其中，position: fixed用于將菜單固定在左側位置，left: 0表示將菜單放置在頁面左側，top: 50%和transform: translateY(-50%)用于實現垂直居中的效果。z-index: 9999表示將菜單放置在所有其他元素之上。 ul標簽的樣式用于去掉默認的列表樣式和內邊距和外邊距，li標簽的樣式用于設置菜單項之間的距離，a標簽的樣式用于設置鏈接的樣式，例如背景顏色、文字顏色等等。 通過上述代碼，我們可以輕松地實現一個基礎的左側懸浮菜單，并根據實際需要進行樣式的調整和功能的擴展。