利用好.once标记为页面添加一个弹窗广告。当用户第一次点击页面时，弹出一个新窗口显示网页。 当用户再次点击页面时，不进行弹窗。

要在HTML和JavaScript中利用`.once`标记创建这样一个弹窗广告，首先我们需要确保有一个元素带有`.once-ad`类，这个元素会在用户的首次点击时触发广告弹出。这里是一个简单的示例：

<!-- HTML部分 -->
<button class="once-ad">单次弹窗</button>
<div id="ad-popup" style="display:none;">这是您的广告内容</div>

<style>
.ad-popup {
  /* 隐藏默认样式 */
}
</style>

然后，我们使用JavaScript编写事件监听器，尤其是利用`.once()`方法来确保只弹出一次：

// JavaScript部分
document.addEventListener('DOMContentLoaded', function() {
  const adButton = document.querySelector('.once-ad');
  const adPopup = document.getElementById('ad-popup');

  adButton.addEventListener('click', onceFunction);

  // 使用once函数
  function onceFunction(e) {
    e.preventDefault(); // 阻止默认行为（比如链接跳转）
    
    // 检查是否已经展示过广告
    if (!adPopup.classList.contains('shown')) {
      adPopup.style.display = 'block'; // 展示广告
      adPopup.classList.add('shown'); // 标记已显示

      // 第一次点击后移除click事件监听器
      adButton.removeEventListener('click', onceFunction);
    }
  }
});

在这个例子中，当你点击带有`.once-ad`的按钮时，如果广告还未显示，则会弹出并添加`shown`类。一旦广告被展示过，再次点击按钮时，`onceFunction`不会被执行，避免了多次弹窗。