HTML彈出彈窗是網站開發中常用的一種交互方式。下面將介紹一下如何使用HTML代碼來實現彈出彈窗。 首先，在HTML文件中添加一個按鈕，用于觸發彈出彈窗事件。代碼如下：

<button onclick="openPopup()">打開彈窗</button>

以上代碼中，onclick屬性用于指定彈出彈窗的事件，并調用openPopup函數。 接下來，定義openPopup函數，實現彈出彈窗的功能。代碼如下：

<script>
function openPopup() {
var popup = document.createElement('div'); //創建一個div元素
popup.innerHTML = '<p>這是一個彈窗</p><button onclick="closePopup()">關閉</button>'; //在div內添加文本和關閉按鈕
popup.style.position = 'fixed'; //設置彈窗在頁面中的位置
popup.style.top = '50%';
popup.style.left = '50%';
popup.style.transform = 'translate(-50%, -50%)'; //將彈窗居中
popup.style.backgroundColor = '#fff'; //設置彈窗背景顏色
popup.style.border = '1px solid #ccc'; //設置彈窗邊框樣式
popup.style.padding = '20px'; //設置彈窗內邊距
document.body.appendChild(popup); //將彈窗添加到頁面中
}
</script>

以上代碼中，我們使用JavaScript創建一個div元素，并在其中添加文本和關閉按鈕。為了使彈窗在頁面中居中，我們使用了CSS中的定位布局。最后，我們將創建的彈窗添加到頁面中。 最后是關閉彈窗的功能實現。我們可以在openPopup函數中添加一個用于關閉彈窗的closePopup函數。代碼如下：

<script>
function closePopup() {
var popup = document.querySelector('div'); //獲取頁面中的第一個div元素（即彈窗）
document.body.removeChild(popup); //移除彈窗
}
</script>

以上代碼中，我們使用JavaScript獲取頁面中的第一個div元素（即彈窗），并使用removeChild方法將其從頁面中移除。 通過以上的代碼，我們可以實現一個基本的HTML彈出彈窗。此外，我們也可以使用CSS樣式對彈窗進行美化，如調整彈窗的顏色、邊框樣式等等，以便更好地適應不同的網站設計。