<div>與align是HTML中常用的標簽和屬性，用于實現頁面布局和元素的對齊。通過使用<div>標簽和align屬性，可以將頁面劃分為不同的區塊，并控制這些區塊的布局和位置。本文將介紹<div>標簽和align屬性的用法，并使用幾個代碼案例進行詳細解釋。

在HTML中，<div>標簽常用于創建容器元素來組織頁面的內容。它本身不具有任何特定的樣式或功能，只是一個通用的塊級容器，可以用于包裹其他元素或將元素分組。<div>標簽可以通過CSS樣式表來定義其樣式和布局，或者通過align屬性來控制它本身的對齊方式。

，我們來看一個簡單的例子。假設我們有一個網頁的內容需要分為四個區塊，每個區塊占據頁面的四分之一，并水平居中對齊。可以使用<div>標簽將內容分成四個塊，并設置align屬性為"center"來實現水平居中對齊。

<div align="center" style="width: 25%; background-color: #f2f2f2;">
<p>內容區塊1</p>
</div>
<div align="center" style="width: 25%; background-color: #e6e6e6;">
<p>內容區塊2</p>
</div>
<div align="center" style="width: 25%; background-color: #d9d9d9;">
<p>內容區塊3</p>
</div>
<div align="center" style="width: 25%; background-color: #cccccc;">
<p>內容區塊4</p>
</div>

在上述代碼中，我們使用了四個<div>標簽分別包裹了四個內容區塊，并通過設置align屬性為"center"實現水平居中對齊。另外，我們使用了內聯樣式來定義每個區塊的寬度和背景顏色。

接下來，我們來看另一個例子。假設我們有一個圖片需要居中顯示，可以使用<div>標簽將圖片包裹，并設置align屬性為"center"來實現居中對齊。

<div align="center">
<img src="image.jpg" alt="圖片">
</div>

在上述代碼中，我們使用<div>標簽包裹了<img>標簽，并設置align屬性為"center"來實現圖片的居中對齊。這樣，無論圖片的大小如何，都可以保證它在頁面中水平居中顯示。

來說，<div>與align是HTML中常用的標簽和屬性，用于實現頁面布局和元素的對齊。通過使用<div>標簽和align屬性，我們可以輕松地控制頁面元素的布局方式，并實現居中對齊、分組等效果。當然，除了align屬性，還有其他更強大的CSS樣式可以應用于<div>標簽，來更加精確地定義布局和對齊方式。