🌍 Hello, World!

📚 从这个页面学什么

• HTML 使用 <h1>、<p>、<button> 等标签搭建内容骨架。查看源代码能看到每个标签的注释。
• CSS 通过 <style> 添加渐变背景、磨砂玻璃卡片、弹性布局(Flexbox)、圆角与阴影。试着修改颜色或间距看看效果。
• JavaScript 点击按钮：弹出对话框 alert('Hello, World!') ，同时更新计数器，并在控制台打印日志。
  关键代码: document.getElementById() 和事件监听 addEventListener 。
• 计数器 通过 let count = 0 存储点击次数，每次点击 count++ 并修改 <span> 的显示内容。这是最基础的“数据驱动UI”例子。

✏️ 动手试试：修改 <h1> 里的文字，或者把按钮的颜色换成你喜欢的！
(所有修改保存后刷新页面即可看到)

🤔 注意哦，英文是 World 不是 "wolrd" —— 这是初学者很容易手误的地方，记住了吗？