<div>、<th>和<tr>是HTML中常用的表格元素。它們分別代表表格中的容器、表頭和表行。在本文中，我們將詳細解釋這些元素的用法以及如何使用它們創建表格布局。
<div>元素是HTML中一個通用的容器元素，可以用于包裹其他HTML元素，幫助組織內容。在表格中，可以使用<div>元素來組織表格的不同部分，比如表頭、表體和表尾。下面是一個使用<div>元素包裹表格的例子：

\<div\>
\<table\>
\<tr\>
\<th\>姓名\</th\>
\<th\>年齡\</th\>
\</tr\>
\<tr\>
\<td\>張三\</td\>
\<td\>20\</td\>
\</tr\>
\<tr\>
\<td\>李四\</td\>
\<td\>25\</td\>
\</tr\>
\</table\>
\</div\>

在上面的例子中，我們使用<div>元素包裹了整個表格。這樣做的好處是可以將表格與其他內容分隔開來，提高代碼的可讀性。
接下來是<th>元素，它代表表格的表頭單元格。通常情況下，表頭單元格會顯示表格的列名，用于標識每一列的含義。下面是一個使用<th>元素的例子：

\<table\>
\<tr\>
\<th\>姓名\</th\>
\<th\>年齡\</th\>
\</tr\>
\<tr\>
\<td\>張三\</td\>
\<td\>20\</td\>
\</tr\>
\<tr\>
\<td\>李四\</td\>
\<td\>25\</td\>
\</tr\>
\</table\>

在上面的例子中，我們使用<th>元素定義了表格的表頭，表格中的每一列都由一個<th>元素來表示。
最后是<tr>元素，它代表表格中的一行數據。通常情況下，表格中的一行數據由多個<td>元素組成，每個<td>元素代表一列數據。下面是一個使用<tr>和<td>元素的例子：

\<table\>
\<tr\>
\<th\>姓名\</th\>
\<th\>年齡\</th\>
\</tr\>
\<tr\>
\<td\>張三\</td\>
\<td\>20\</td\>
\</tr\>
\<tr\>
\<td\>李四\</td\>
\<td\>25\</td\>
\</tr\>
\</table\>

在上面的例子中，我們使用<tr>元素定義了表格的表行，每一行都由一個<tr>元素來表示，其中的每個<td>元素代表一列數據。
通過使用<div>、<th>和<tr>元素，我們可以輕松地創建出漂亮的表格布局。使用這些元素，我們可以定義表格的結構和樣式，使其更好地呈現數據。無論是展示數據報告、制作排行榜還是顯示產品價格，表格都可以是一個非常有用的工具。希望本文對大家使用<div>、<th>和<tr>元素來創建表格布局有所幫助。