<div>、<ui>、<li>是HTML中常用的標簽，用于實現網頁的布局和列表。在本文中，我們將詳細介紹這三個標簽的用法和示例代碼。
<div>標簽用于創建一個容器，用于組織和布局其他HTML元素。這個標簽可以用來定義網頁中的不同部分，如頁眉、頁腳、側邊欄等。在這個標簽中，我們可以放置其他HTML元素，例如圖片、文字、表格等。以下是一個示例代碼：

<div>
<h1>這是一個標題</h1>
<p>這是一個段落</p>
<img src="image.jpg" alt="圖片">
</div>

在上面的代碼中，我們使用<div>標簽創建了一個容器，并在容器中放置了一個標題、一個段落和一張圖片。這樣，這些元素將在頁面中按照<div>標簽所定義的布局方式進行排列。
<ui>（無序列表）標簽用于創建一個無序列表，其中的每個列表項使用<li>標簽來表示。無序列表是一種不具備順序關系的列表，列表項之間的順序與排列順序無關。以下是一個示例代碼：

<ui>
<li>列表項1</li>
<li>列表項2</li>
<li>列表項3</li>
</ui>

在上面的代碼中，我們使用<ui>標簽創建了一個無序列表，并在列表中加入了三個列表項。這樣，這些列表項將按照<ui>標簽所定義的樣式進行呈現，通常是以實心圓點的形式作為前綴。
<li>標簽用于創建一個列表項，它通常被放置在<ui>或<ol>（有序列表）標簽內。每個列表項將作為一個單獨的項目進行展示。以下是一個示例代碼：

<ui>
<li>列表項1</li>
<li>列表項2</li>
<li>列表項3</li>
</ui>

在上面的代碼中，我們使用<li>標簽創建了三個列表項，并將它們放置在<ui>標簽內。這樣，這些列表項將按照<li>標簽所定義的樣式進行展示，通常是作為一個帶有實體圓點或其他符號的項目。
通過使用<div>、<ui>和<li>標簽，我們可以實現復雜的網頁布局和列表展示效果。這些標簽是HTML中非常常用的，對于開發者來說是必不可少的工具。希望本文對你理解和使用這些標簽有所幫助。