<div>標簽是HTML中用于定義文檔中的一個分區或塊的容器元素。它通常被用于包裹其他HTML元素，比如文字、圖像、表格和表單等。使用<div>標簽來設置圖像的高度是一種常見的需求。本文將通過幾個代碼案例詳細解釋如何使用<div>標簽來設置圖像的高度。
第一個代碼案例是通過內聯樣式來設置圖像的高度。內聯樣式是直接寫在HTML標簽的style屬性中的樣式，它優先級最高。以下是一個例子：

使用內聯樣式設置圖像高度：

<img src="example.jpg" style="height: 200px;">

在這個例子中，我們使用<style>標簽內的style屬性來設置圖像的高度為200像素。這樣，圖像將被顯示為一個200像素高的框。
第二個代碼案例是通過CSS樣式表來設置圖像的高度。CSS樣式表是一個包含多個樣式規則的文檔，它可以被多個HTML文檔共享。以下是一個例子：

使用CSS樣式表設置圖像高度：

<img src="example.jpg" class="image-height">
<br>
<style>
.image-height {
height: 200px;
}
</style>

在這個例子中，我們通過在<img>標簽上添加一個class屬性，并在CSS樣式表中定義該class的樣式規則，來設置圖像的高度為200像素。這樣，所有具有class為"image-height"的<img>標簽都會被顯示為一個200像素高的框。
第三個代碼案例是通過外部CSS文件來設置圖像的高度。外部CSS文件是一個獨立的文檔，它可以通過<link>標簽引入到HTML文檔中。以下是一個例子：

使用外部CSS文件設置圖像高度：

<img src="example.jpg" class="image-height">
<br>
<link rel="stylesheet" href="styles.css">

在這個例子中，我們在<img>標簽上添加了一個class屬性，并將樣式定義放在了一個名為"styles.css"的外部CSS文件中。在該CSS文件中，我們定義了class為"image-height"的樣式規則，將圖像的高度設置為200像素。這樣，在HTML文檔中引入外部CSS文件后，所有具有class為"image-height"的<img>標簽都會被顯示為一個200像素高的框。
通過以上代碼案例，我們可以看到如何使用<div>標簽和不同的方法來設置圖像的高度。無論是使用內聯樣式、CSS樣式表還是外部CSS文件，通過設置樣式規則，都可以輕松地控制圖像的高度。使用這些方法，我們可以根據需求靈活地管理頁面上的圖像展示效果。