在網頁制作中，常常需要在頁面彈出一個圖片廣告來吸引用戶，本文將介紹如何使用HTML代碼來制作彈窗圖片廣告。

首先我們需要在頁面中添加一個按鈕或者鏈接，當用戶點擊該按鈕或鏈接時，彈出圖片廣告。代碼如下：

<a href="#" onclick="document.getElementById('ad').style.display='block'"></a>

其中，id為‘ad’的div標簽中包含了要顯示的圖片，我們需要通過CSS將其隱藏起來。代碼如下：

#ad{
display:none;
position:fixed;
top:50%;
left:50%;
transform:translate(-50%,-50%);
z-index:9999;
}
#ad img{
display:block;
max-width:100%;
}

其中position:fixed使得廣告層固定在頁面中的位置，top:50%和left:50%將其定位在頁面中央，transform:translate(-50%,-50%)則將其向左上方偏移50%的寬度和高度，使得其居中顯示。而z-index:9999則是將其置于頁面最前方，使得用戶無論何時點擊都可以看到廣告。

隨后，我們需要在body標簽閉合之前添加id為‘ad’的div標簽，其中包含要顯示的圖片。代碼如下：

<div id="ad"><img src="image.jpg" alt="廣告圖片"></div>

通過上述HTML和CSS代碼的組合，我們便可以實現一個簡單的彈窗圖片廣告效果。