，<div> 標簽是一個容器標簽，用于將一組相關的元素放在一起，并為它們提供樣式和布局。它可以看作是一個站點或頁面的大容器，用于劃分不同的區域或塊。我們可以為每個 <div> 添加 ID 或類名，以便更方便地對其進行樣式設置或操作。
<yl> 標簽是有序列表（Ordered List）標簽，用于創建一個按順序排列的列表。每個列表項都由 <li> 標簽包裹。我們可以通過使用有序列表標簽來創建有序的、按照一定順序的列表。默認情況下，有序列表會使用阿拉伯數字進行編號，但也可以通過 CSS 樣式進行自定義。
<li> 標簽是無序列表（Unordered List）標簽，用于創建一個無序的、無特定順序的列表。同樣地，每個列表項也由 <li> 標簽包裹。與有序列表不同的是，無序列表通常使用項目符號（如圓點、方塊等）進行標記。
下面，我們通過幾個簡單的代碼案例來進一步說明 <div>、<yl> 和 <li> 標簽的用法和功能：
<b>1. 使用 <div> 標簽劃分網頁布局：</b>
<code> <div id="header"> 這是頭部 </div> <div id="content"> 這是內容區域 </div> <div id="sidebar"> 這是側邊欄 </div> <div id="footer"> 這是底部 </div> </code>
在這個示例中，我們使用 <div> 標簽為網頁劃分了四個部分：頭部、內容區域、側邊欄和底部。通過為每個 <div> 添加唯一的 ID，我們可以使用 CSS 樣式或 JavaScript 操作來單獨控制每個區域的樣式和行為。
<b>2. 創建有序列表：</b>
<code> <yl> <li>第一項</li> <li>第二項</li> <li>第三項</li> </yl> </code>
在這個示例中，我們使用 <yl> 標簽創建了一個有序列表，并使用 <li> 標簽為每個列表項添加內容。通過默認的阿拉伯數字編號，列表將顯示為：
<yl>
<li>第一項</li>
<li>第二項</li>
<li>第三項</li>
</yl>
<b>3. 創建無序列表：</b>
<code> <div id="interests"> <h2>我的興趣愛好</h2> <li>音樂</li> <li>電影</li> <li>運動</li> </div> </code>
在這個示例中，我們使用 <div> 標簽創建了一個容器，并使用
標簽添加了一個標題。然后，我們使用 <li> 標簽創建了一個無序列表，其中包含了三個興趣愛好。列表將以項目符號進行標記，顯示為：
<div id="interests">我的興趣愛好
<li>音樂</li>
<li>電影</li>
<li>運動</li>
</div>
通過以上幾個示例，我們可以看到 <div>、<yl> 和 <li> 標簽在網頁開發中的重要性和靈活性。它們可以幫助我們更好地組織和展示內容，同時也能為我們提供更多的樣式設置和交互操作的空間。在實際開發中，熟練掌握和靈活運用這些標簽，將有助于構建出更具吸引力和用戶友好的網頁。