<div>標簽是HTML中用來定義文檔中的一個區域或容器，可以將多個元素放入其中。而<div>標簽可以與其他標簽配合使用，比如用來顯示圖像。
在HTML中，可以使用<img>標簽來添加圖片。使用<div>標簽可以將<img>標簽包裹在其中，并添加一些屬性來控制圖片的顯示和布局。下面是幾個<div>標簽的圖片屬性的示例：
代碼案例1：

這是一個簡單的<div>標簽示例，通過設置寬度和高度屬性來控制圖片的大?。?/p>

<div style="width: 200px; height: 200px;">
<img src="example.jpg" alt="示例圖片" />
</div>

在上面的示例中，<div>標簽通過設置寬度和高度屬性為200px來限制圖片的大小。其中，src屬性指定了圖片的路徑，alt屬性提供了圖片的替代文本，以便在圖片無法顯示時提供描述或說明。

代碼案例2：

這是一個<div>標簽作為容器用來實現圖片相對定位的示例：

<div style="position: relative;">
<img src="example.jpg" alt="示例圖片" />
<div style="position: absolute; top: 10px; left: 10px;">
注釋文本
</div>
</div>

在上面的示例中，<div>標簽的position屬性設置為relative，表示它的子元素的定位是相對于該容器進行的。內部的<img>標簽作為相對定位的元素，通過設置position屬性為absolute，top和left屬性來控制注釋文本相對于圖片的位置。

代碼案例3：

這是一個<div>標簽作為容器用來實現圖片絕對定位的示例：

<div style="position: relative; width: 300px; height: 200px;">
<img src="example.jpg" alt="示例圖片" />
<div style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);">
注釋文本
</div>
</div>

在上面的示例中，<div>標簽的position屬性依舊設置為relative，而<img>標簽的position屬性設置為absolute，同時設置top和left屬性為50%來實現圖片的垂直和水平居中。注釋文本通過設置position屬性為absolute以及top和left屬性來實現相對于圖片的絕對定位。transform屬性用來設置注釋文本相對于自身的平移，通過translate函數的參數來設置水平和垂直方向的偏移量。

通過上面的示例，我們可以看到，<div>標簽作為圖片的容器，可以通過設置不同的屬性來控制圖片的顯示大小、相對定位和絕對定位等布局效果。這些功能為網頁設計師提供了更多的靈活性，可以根據需求來精確控制圖片的顯示效果，從而達到更好的用戶體驗。