<div>是HTML中的一個標簽，主要用于劃分網頁內容的不同區域，并對這些區域進行樣式和布局的設置。在實際開發中，<div>通常與CSS結合使用，通過為<div>設置不同的類名或ID，可以為其添加樣式和設置各種屬性。除了常規的文本內容，<div>還可以包含其他HTML元素，如圖片、文字、鏈接等。在本文中，我們將重點討論如何使用<div>來顯示數據，并通過幾個代碼案例詳細解釋說明。

第一個案例是一個簡單的<div>用于顯示文本數據的示例：

<div>
這是一段文本數據。
</div>

在以上代碼中，我們使用<div>將一段文本數據包裹起來。在瀏覽器中運行該代碼，我們可以看到頁面上顯示著這段文本。加入CSS后，我們還可以在<div>中設置字體、字號、顏色等樣式，以使展示的文本更具有視覺吸引力。

下面我們繼續看一個例子，我們將使用<div>來顯示一個簡單表格中的數據：

<div>
<table>
<tr>
<th>姓名</th>
<th>性別</th>
<th>年齡</th>
</tr>
<tr>
<td>張三</td>
<td>男</td>
<td>25</td>
</tr>
<tr>
<td>李四</td>
<td>女</td>
<td>30</td>
</tr>
</table>
</div>

在以上代碼中，我們使用<div>來包裹一個表格。該表格是一個簡單的兩行三列的示例，顯示了兩個人的姓名、性別和年齡。在瀏覽器中運行該代碼，我們可以看到表格中的數據呈現在頁面上。

最后，我們來看一個稍微復雜一點的例子，我們將使用<div>來顯示一個動態的數據列表：

<div>
<ul>
<li>蘋果</li>
<li>香蕉</li>
<li>橙子</li>
<li>葡萄</li>
</ul>
</div>

在以上代碼中，我們使用<div>來包裹一個無序列表。該列表包含了四個水果的名稱。在瀏覽器中運行該代碼，我們可以看到這四個水果名稱以列表形式顯示在頁面上。如果我們有新的水果需要添加，只需要在列表中添加一個新的<li>元素即可。

綜上所述，<div>是一種非常常用的HTML標簽，可以用于劃分網頁內容的不同區域，并且能夠方便地通過CSS進行樣式的設置。我們可以通過<div>來顯示各種數據，如文本、表格、列表等等。使用<div>，我們可以更靈活地控制頁面的布局和樣式，增強用戶對數據的可讀性和視覺效果。