第 1 课 · 交互观察示例
HTML、CSS 与 JavaScript 分别做什么？
一次只关闭一个部分，观察网页发生的变化。
今日提醒
网页首先要有可读的内容和清晰的结构；在此基础上，才能加入外观设计和点击后的交互。
- HTML：放入标题、段落、列表和按钮。
- CSS：调整颜色、间距、排版和布局。
- JavaScript：让按钮能够响应点击。
点击体验
请点击按钮，观察下面的文字是否变化。
尚未点击按钮。
观察步骤
- 正常打开本页，点击按钮。
- 关闭 CSS 后刷新，比较内容、结构与外观。
- 恢复 CSS，关闭 JavaScript 后刷新，再次点击按钮。