html中弹窗代码

HTML中弹窗是网页设计中常用的交互设计元素。弹窗可以用于提示用户信息、请求用户确认或拒绝、展示更多详细信息等。下面是一个简单的HTML弹窗代码：

<div id="popup" style="display: none;">
  <h3>弹窗标题</h3>
  <p>弹窗内容</p>
  <button onclick="closePopup()">关闭</button>
</div>

<script>
  function openPopup() {
    document.getElementById("popup").style.display = "block";
  }

  function closePopup() {
    document.getElementById("popup").style.display = "none";
  }
</script>

以上代码包含一个div元素和两个JavaScript函数。div元素是弹窗的容器，设置了id属性为“popup”。style属性中设置了display为“none”，表示一开始弹窗不可见。弹窗包含了一个标题和一段内容，以及一个“关闭”按钮。当用户点击“关闭”按钮时，JavaScript函数closePopup被调用，将div元素的display属性设置为“none”，隐藏弹窗。当需要弹出弹窗时，调用函数openPopup，将div元素的display属性设置为“block”，显示弹窗。

上述代码是一个基本的弹窗框架示例，可以根据需要进行修改、美化和扩展，实现更丰富的弹窗效果。