在網(wǎng)頁(yè)開(kāi)發(fā)中，左側(cè)樹(shù)形菜單是非常常見(jiàn)的。它可以讓頁(yè)面結(jié)構(gòu)更加清晰，用戶(hù)可以方便地找到所需要的功能或頁(yè)面。下面是一個(gè)簡(jiǎn)單的HTML左側(cè)樹(shù)形菜單代碼示例：

<ul>
<li>
<a href="#">菜單1</a>
<ul>
<li><a href="#">子菜單1-1</a></li>
<li><a href="#">子菜單1-2</a></li>
</ul>
</li>
<li><a href="#">菜單2</a></li>
<li><a href="#">菜單3</a></li>
<li><a href="#">菜單4</a></li>
</ul>

以上代碼使用了<ul>和<li>標(biāo)簽來(lái)構(gòu)建樹(shù)形菜單。其中，<li>標(biāo)簽表示菜單項(xiàng)，<ul>標(biāo)簽表示子菜單，嵌套在父菜單的<li>標(biāo)簽內(nèi)。<a>標(biāo)簽用于添加菜單鏈接。

當(dāng)用戶(hù)點(diǎn)擊菜單項(xiàng)或子菜單項(xiàng)時(shí)，可以通過(guò)JavaScript來(lái)實(shí)現(xiàn)相應(yīng)的聯(lián)動(dòng)效果。比如，顯示或隱藏相關(guān)內(nèi)容，改變選中菜單項(xiàng)的樣式等等。