HTML彈出內容框是一種常用的交互效果，可以在網頁中彈出一個小窗口，顯示各種內容，例如圖片、視頻、文本等。下面是一個簡單的HTML彈出內容框代碼示例：

<!-- 彈出內容框的觸發按鈕 --><button onclick="popup()">點擊彈出內容框</button><!-- 彈出內容框的內容部分 --><div id="popup-container"><div id="popup-content"><img src="https://example.com/image.jpg" alt="圖片"><p>這是一個彈出內容框</p></div></div><!-- 聲明JS函數，用于控制彈出內容框的顯示和隱藏 --><script>function popup() {
var popup = document.getElementById("popup-container");
if (popup.style.display === "none") {
popup.style.display = "block";
} else {
popup.style.display = "none";
}
}
</script>

以上代碼展示了一個HTML彈出內容框的基本結構和實現方式。我們可以根據需要修改彈出內容框的內容和樣式，以實現不同的效果。