在編寫 HTML 網頁時，網頁通常需要有一個導航菜單，以便用戶瀏覽網頁內容。隨著網頁功能的擴展，有些網站需要在導航菜單中添加子級菜單，以更好地組織網站內容。在 HTML 中，可以通過嵌套列表來實現子級菜單的編寫。

<ul>
<li>主菜單1</li>
<li>主菜單2
<ul>
<li>子菜單1</li>
<li>子菜單2</li>
</ul>
</li>
</ul>

在上述代碼中，使用 <ul> 和 <li> 標簽來創建主菜單。當需要添加子菜單時，可以在 <li> 中嵌套一個新的 <ul> 列表，并在其中添加要顯示的子菜單項。在將子菜單添加到主菜單項中時，需要將其包裹在父級 <li> 標簽內。

此外，為了讓子菜單項與父級菜單項關聯，可以使用 CSS 的 hover 屬性，使鼠標懸停在父級菜單項上時，顯示子菜單項。

li:hover ul {
display: block;
}

上述代碼中，當鼠標懸停在 <li> 中的主菜單項上時，子菜單項將顯示為塊級元素。可以通過 CSS 設計不同的子菜單樣式，以增強網頁設計。