<div> 是 HTML 中的一個元素，用于定義一個文檔的分區或區域，并且通常用來組織一個網頁的布局。而 <apdiv> 則是一個并不存在的 HTML 元素。在本文中，我們將重點討論 <div> 元素的用法和示例。

示例一：

以下是一個簡單的代碼示例，展示了如何使用 <div> 元素來創建一個網頁布局：

<div>
<h1>網頁標題</h1>
<nav>
<ul>
<li><a href="#">首頁</a></li>
<li><a href="#">關于</a></li>
<li><a href="#">服務</a></li>
<li><a href="#">聯系我們</a></li>
</ul>
</nav>
<div id="content">
<h2>歡迎訪問我們的網站！</h2>
<p>這是一段示例文本，用于展示網站的內容。</p>
</div>
<footer>© 2022 版權所有</footer>
</div>

在這個示例中，我們使用了 <div> 元素來創建了網頁的整體布局。在 <div> 元素中，我們嵌套了其他的 HTML 元素，如標題、導航、內容和頁腳等。這樣的布局規劃能夠提高網頁的可讀性和可維護性。

示例二：

以下是另一個示例，演示了如何使用 CSS 樣式表對 <div> 元素進行美化：

<style>
.container {
background-color: #f2f2f2;
padding: 20px;
border: 1px solid #ccc;
border-radius: 5px;
}
</style>
<br>
<div class="container">
<h1>歡迎光臨</h1>
<p>這是一個漂亮的容器</p>
</div>

在這個示例中，我們使用了 CSS 樣式表來定義一個名為 "container" 的類，然后將這個類應用到 <div> 元素上。通過設置不同的樣式屬性，如背景顏色、內邊距、邊框和邊框半徑等等，我們可以讓這個 <div> 元素呈現出漂亮的外觀。

來說，<div> 元素在網頁開發中用途廣泛，可以用來構建網頁的布局，創建容器以及應用樣式。通過合理地使用 <div> 元素，我們可以更好地組織網頁的結構，并實現更加美觀和易于維護的頁面。