<button>和<div>是HTML中兩個常用的標簽。使用<button>標簽可以創建一個按鈕，可用于執行某個動作或觸發某個事件。而<div>標簽則用來創建一個容器，可以用來包含其他HTML元素。
下面將通過幾個代碼案例來詳細解釋<button>和<div>的用法。
案例一：創建一個<button>按鈕

<p>點擊下面的按鈕，觸發一個彈窗。</p>
<button onclick="alert('Hello World!')">點擊我</button>

在這個案例中，我們使用了<button>標簽來創建了一個按鈕，并在按鈕的onclick事件中添加了一個JavaScript代碼。當用戶點擊這個按鈕時，會彈出一個包含"Hello World!"的提示框。
案例二：使用<div>創建一個容器

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

這個案例中的<div>標簽用來創建一個容器，其內部包含了一個

標題和一個

段落?？梢栽谶@個容器中添加更多的HTML元素。
案例三：使用<button>和<div>結合實現動態修改內容

<div id="content">
<h3>這是一個標題</h3>
<p>這是一個段落</p>
</div>
<button onclick="changeContent()">點擊我修改內容</button>
<script>
function changeContent() {
document.getElementById("content").innerHTML = "<h3>修改后的標題</h3><p>修改后的段落</p>";
}
</script>

在這個案例中，我們結合使用了<button>和<div>來實現了動態修改內容的功能。通過點擊按鈕，調用JavaScript函數changeContent()，可以將<div>標簽中的內容修改成新的內容。
上述案例只是展示了<button>和<div>的部分用法，實際上它們還有許多其他的屬性和用法，例如通過CSS樣式來美化按鈕和容器的外觀，以及通過嵌套和層疊多個<div>標簽來實現復雜的頁面布局等。
綜上所述，<button>和<div>是HTML中常用的標簽，分別用于創建按鈕和容器。它們的應用非常廣泛，可以通過JavaScript等技術與其它HTML元素結合使用，實現豐富的網頁交互效果和頁面布局。