考虑到市场上的代码教程已经烂大街，大多都是照本宣科的教学， 我决定每次的讲解，以一个小游戏为载体，帮助大家从0开始快速学习整个开发网站的体系。 这样面向产品的学习不仅不会学习迷茫，学完之后，还可以手搓一个同款出来，检验一下学习成果。 废话到此为止，下面进入正题。
游戏展示：
网址：https://game-2xj.pages.dev/
游戏截图：
游戏玩法：
这个游戏玩法非常简单，就是上面随机出现一些单词，你需要快速的在键盘输入，输入成功单词消失，累计三个单词落地，游戏失败！
游戏源码：
飞书这个编辑器也太难用了，大家可以下载用自己的编辑器打开。
编辑器无脑冲cursor：https://cursor.com/downloads
首先上面的源码分3大块，分别是html、css、js，它们三个构成了一个完整的网页。
这里我们先来学习，html。
为了更好的阅读体验，来飞书看吧：
https://a0u2vshvubw.feishu.cn/wiki/Hg3pwVRkqisBp5krvkvcDmjXnwb
Comments on "从打字游戏学网站开发：HTML小白0基础入门【一】" :