HTML 是 Web 開發中常用的一種標記語言，而展開菜單則是網頁設計中非常常見和實用的一個功能。 展開菜單的實現可以使用一些 HTML 元素和 CSS 樣式，其中最常用的就是 ul 和 li 元素和 CSS 中的 hover 偽類。在 ul 元素中，使用 li 元素作為菜單項，將它們用 ul 包裹起來，再使用 CSS 中的 display:none; 將菜單項的子菜單隱藏起來。當鼠標移動到菜單項上方時，使用 hover 偽類將其子菜單的 display 屬性設置為 block 或者 inline-block，從而實現菜單的展開和收起。 下面是一個基本的 HTML 展開菜單代碼：

這是一個展開菜單的例子：
菜單1
子菜單1
子菜單2
菜單2
子菜單1
子菜單2
菜單3
子菜單1
子菜單2

在上面的代碼中，我們首先使用樣式清理了 ul 和 li 元素的默認樣式，并將 li 元素的 position 屬性設置為 relative，這是為了方便將子菜單相對于其父菜單進行定位。然后，在 ul 元素下嵌套了一個 ul 元素，它用來顯示子菜單，并將其 display 屬性設置為 none，以隱藏子菜單。 接著，在 li:hover >ul 的 CSS 選擇器中，我們使用了 >符號來選中所有擁有 hover 狀態的 li 元素的后代 ul 元素，并將其 display 屬性設置為 block 或 inline-block，這樣就可以在鼠標移動到菜單項上時，將子菜單展開。 在 HTML 展開菜單的代碼中，我們使用 pre 標簽來包含整個代碼片段，這樣可以避免代碼在瀏覽器中的自動格式化，保證展現的最佳效果。