HTML彈出圖片窗口是網頁設計中常用的一個功能，可以讓頁面更加美觀和互動。下面我們來介紹如何使用代碼實現這個功能。
首先，我們需要創建一個超鏈接，點擊這個鏈接就可以彈出一個圖片窗口。我們使用標簽來創建這個鏈接，代碼如下：![]()
標簽來顯示圖片，img標簽的src屬性接受的參數是事件中傳入的圖片文件名。
最后，我們需要使用
<a href="#" onclick="showImg('image.jpg')">點擊查看圖片</a>其中，標簽的href屬性可以任意設置，因為我們使用了onclick事件來觸發彈出圖片窗口的功能。而onclick事件調用了一個名為showImg的JavaScript函數，并將圖片的文件名'image.jpg'作為參數傳遞給它。
接著，我們需要編寫showImg函數的代碼，具體實現如下：<script>
function showImg(imgSrc) {
var imgWindow = window.open("", "_blank", "width=600, height=400");
imgWindow.document.write("<p><img src='" + imgSrc + "'></p>");
}
</script>上述代碼使用了window.open()函數來創建了一個新的窗口，該函數可以接受三個參數，即彈出窗口的文件路徑、窗口名稱和窗口大小。在我們的代碼中，第一個參數為空，也就是不需要指定該窗口的文件路徑。第二個參數"_blank"表示該窗口在新的標簽頁（如果瀏覽器支持）或新的窗口中打開。第三個參數指定了彈出窗口的大小，我們這里設置了600x400的大小。
接下來，我們使用document.write()方法在新的窗口中編寫了一個包括圖片的段落。其中，我們使用了標簽來將圖片和文本分隔開來。這樣我們就實現了一個簡單的HTML彈出圖片窗口功能。 總結一下，HTML彈出圖片窗口是網頁設計中常用的功能之一，是讓頁面更加美觀、互動的好方法。我們只需要通過一個標簽和一個JavaScript函數就可以實現這個功能，是非常簡單易用的。