<div>標簽是HTML中用于定義文檔中的一個區塊的標簽。而<ul>標簽是<div>標簽中常用的一個案例，用于創建一個無序列表。通過使用<div>和<ul>標簽的組合，我們可以實現對網頁的排版布局。
例1：
我們來看一個簡單的例子，如下所示：

<div>
<ul>
<li>項目1</li>
<li>項目2</li>
<li>項目3</li>
<li>項目4</li>
</ul>
</div>

在這個例子中，我們使用<div>標簽將文檔的一個區塊包裹起來，然后內部使用<ul>標簽創建了一個無序列表。在這個無序列表中，我們使用<li>標簽創建了四個項目。每個項目使用<li>標簽包裹起來，形成一個列表。
例2：
下面我們來看一個稍微復雜一些的例子，如下所示：

<div>
<ul>
<li>項目1</li>
<li>項目2</li>
<li>項目3</li>
<li>項目4</li>
</ul>
<ul>
<li>項目A</li>
<li>項目B</li>
<li>項目C</li>
<li>項目D</li>
</ul>
</div>

在這個例子中，我們在同一個<div>標簽中創建了兩個無序列表。這兩個無序列表分別包含了四個項目。通過使用<div>標簽，我們可以將這兩個無序列表的排版放在一起，實現對它們的整體控制。
例3：
除了簡單的無序列表外，我們也可以在列表中添加其他HTML元素。如下所示：

<div>
<ul>
<li>項目1</li>
<li>項目2
<ul>
<li>子項目1</li>
<li>子項目2</li>
</ul>
</li>
<li>項目3</li>
<li>項目4</li>
</ul>
</div>

在這個例子中，我們使用<ul>標簽創建了一個無序列表。在列表的第二個項目中，我們使用另一個<ul>標簽創建了一個內嵌的無序列表。這樣，我們可以實現更復雜的排版效果，例如創建包含子項目的項目。
綜上所述，<div>和<ul>標簽的組合是一種很常見的網頁排版技術。通過使用這兩個標簽，我們可以方便地創建并排列無序列表，并且可以添加其他HTML元素來實現更靈活的布局效果。