在網頁設計中，彈窗通常用于顯示一些重要信息或提示用戶進行某些操作。在 HTML 中，我們可以使用 JavaScript 或 CSS 來設置彈窗。

下面是通過 JavaScript 設置彈窗的代碼：

function showPopup() {
var popup = document.getElementById("myPopup");
popup.classList.toggle("show");
}

上面代碼中，我們定義了一個名為 "myPopup" 的彈窗，并通過 toggle() 方法來控制彈窗的顯示和隱藏。此時我們還需要設置 CSS 樣式來定義彈窗的樣式：

.popup {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: none;
background-color: #fff;
border: 1px solid #ccc;
padding: 20px;
}
.popup.show {
display: block;
}

上面代碼中，我們定義了彈窗的樣式，包括其位置、顏色、邊框等。同時我們設置了它的 display 屬性為 none，使得它默認不會顯示在頁面上。當用戶點擊某個按鈕或觸發某個事件后，我們調用 showPopup() 方法來控制彈窗的顯示。

除了使用 JavaScript 來設置彈窗，我們還可以使用 CSS 來實現同樣的效果：

.popup {
position: relative;
}
.popup .content {
visibility: hidden;
opacity: 0;
transition: visibility 0s, opacity 0.5s linear;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #fff;
border: 1px solid #ccc;
padding: 20px;
}
.popup:hover .content {
visibility: visible;
opacity: 1;
}

上面代碼中，我們定義了一個包含內容的容器，并將其默認狀態下的 visibility 和 opacity 屬性設置為 hidden 和 0。當鼠標懸停在該容器上時，我們將容器的 visibility 和 opacity 屬性分別設為 visible 和 1，從而實現彈窗的展示效果。

總的來說，HTML 中設置彈窗主要通過 JavaScript 和 CSS 來實現，開發者可以根據自己的需求來選擇不同的方式。