<div> 是 HTML 中的一個元素，用于創建一個區塊，可以包含其他元素。在 <div> 中可以放置各種不同類型的子類元素，讓我們一起來看看有哪些常見的子類。

，我們來看一個簡單的例子，將 <div> 元素作為容器，包含了一個段落元素

和一個標題元素 <h1>：

<div>
<h1>這是一個標題</h1>
<p>這是一個段落。</p>
</div>

在這個例子中，<div> 是一個容器元素，它包含了一個標題和一個段落。通過使用 <div>，我們可以將這些元素組合在一起并形成一個視覺上的區塊。

除了 <h1> 和

，我們還可以在 <div> 中使用許多其他類型的子類元素。舉個例子，我們可以在 <div> 中放入圖片、鏈接、表格等等。下面是一個展示了一些常見子類的例子：

<div>
<img src="image.jpg" alt="圖片">
<a >鏈接</a>
<table>
<tr>
<td>表格單元格</td>
<td>表格單元格</td>
</tr>
</table>
</div>

在這個例子中，我們在 <div> 中添加了一個圖片、一個鏈接和一個表格。這些子類元素可以幫助我們更好地組織和展示內容。

此外，我們還可以將多個 <div> 嵌套在一起，創建更復雜的布局。下面是一個示例：

<div>
<div>
<h2>這是一個子級區塊</h2>
<p>這個區塊包含了其他元素。</p>
</div>
<div>
<h2>這是另一個子級區塊</h2>
<p>這個區塊也包含了其他元素。</p>
</div>
</div>

在這個例子中，我們創建了兩個 <div> 元素作為父級區塊，每個父級區塊中又包含了一個標題和一個段落。通過嵌套 <div>，我們可以更靈活地控制布局和組織頁面的內容。

總之，<div> 是一個非常有用的 HTML 元素，它可以作為容器來組合和包含其他不同類型的子類元素。通過使用 <div>，我們可以更好地控制頁面的結構和樣式。