HTML弹窗公告是一种常见的网页设计元素，它可以用来呈现重要的信息或者提示。下面是一个简单的HTML弹窗公告代码：

<p  ><p ><span >×</span><p>公告内容...</p></p></p><script type="text/javascript">var modal = document.getElementById('myModal');var span = document.getElementsByClassName("close")[0];span.onclick = function() {modal.style.display = "none";}window.onclick = function(event) {if (event.target == modal) {modal.style.display = "none";}}</script>

上面的代码分为两个部分。第一个部分定义一个元素作为弹窗，在弹窗中包含了一个关闭按钮和一个

元素用来显示公告的内容。第二个部分是JavaScript代码，用来控制弹窗的显示和隐藏。

在JavaScript代码中，首先获取了弹窗的DOM元素和关闭按钮的DOM元素。然后通过给关闭按钮添加点击事件，来隐藏弹窗。同时也给整个弹窗添加了点击事件，当点击弹窗外部时也会隐藏弹窗。

使用这个HTML弹窗公告代码，可以轻松地实现一个简单的弹窗公告效果。同时也可以根据需要对弹窗的样式和内容进行自定义。