<div> 塊是 HTML 中的一個標簽，通常用于創建一個獨立的塊級元素。在網頁設計中，<div> 塊常用于組織和布局網頁內容。在英文中，<div> 塊通常被稱為 div tag 或者 div element。
<div> 塊是一個容器元素，可以嵌套在其他元素中。通過給 <div> 添加樣式或者類名，我們可以控制其外觀和行為。因此，<div> 塊非常靈活，可以用來創建各種不同的布局和組織方式。
下面是幾個代碼案例，用于詳細解釋和說明 <div> 塊的用法和功能。
例1：基本的 <div> 塊
例3：嵌套的 <div> 塊
通過以上的案例，我們可以看到 <div> 塊的靈活性和多樣性。它不僅僅是一個簡單的容器元素，還可以用于劃分和組合網頁內容。使用 <div> 塊，我們可以輕松地實現各種網頁布局和設計效果。
<div> 塊是一個容器元素，可以嵌套在其他元素中。通過給 <div> 添加樣式或者類名，我們可以控制其外觀和行為。因此，<div> 塊非常靈活，可以用來創建各種不同的布局和組織方式。
下面是幾個代碼案例，用于詳細解釋和說明 <div> 塊的用法和功能。
例1：基本的 <div> 塊
<pre> <!DOCTYPE html> <html> <body> <div> <p>這是一個基本的 div 塊。</p> </div> </body> </html>在這個例子中，我們創建了一個最簡單的 <div> 塊。它只包含一個
標簽，用于展示文本內容。通過包裹文本內容在 <div> 中，我們創建了一個獨立的塊級元素，該元素可以使用 CSS 樣式進行格式化。
例2：帶有樣式的 <div> 塊
<pre>
<!DOCTYPE html>
<html>
<style>
.mydiv {
color: white;
background-color: black;
padding: 10px;
}
</style>
<body>
<div class="mydiv">
<p>這是一個帶有樣式的 div 塊。</p>
</div>
</body>
</html>在這個例子中，我們給 <div> 添加了一個類名 "mydiv"，并在 CSS 中定義了該類名的樣式。通過使用類名選擇器 ".mydiv"，我們可以對該 <div> 塊應用特定的樣式。在這個例子中，我們改變了文本顏色、背景顏色和內邊距。例3：嵌套的 <div> 塊
<pre>
<!DOCTYPE html>
<html>
<style>
.mydiv {
color: white;
background-color: black;
padding: 10px;
}
</style>
<body>
<div class="mydiv">
<p>這是外層的 div 塊。</p>
<div class="mydiv">
<p>這是內層的 div 塊。</p>
</div>
</div>
</body>
</html>在這個例子中，我們創建了一個外層的 <div> 塊和一個內層的 <div> 塊。它們都使用了相同的類名 "mydiv"，因此它們具有相同的樣式。通過這種嵌套的方式，我們可以構建更復雜的布局和組織結構。通過以上的案例，我們可以看到 <div> 塊的靈活性和多樣性。它不僅僅是一個簡單的容器元素，還可以用于劃分和組合網頁內容。使用 <div> 塊，我們可以輕松地實現各種網頁布局和設計效果。