HTML

图 28: Render HTML

HTML

让我们先从身边的语言下手，也就是现在无处不在的 HTML+Javascript+CSS。

之所以从HTML开始，是因为我们不需要配置一个复杂的开发环境，也许你还不知道开发环境是什么东西，不过这也没关系，毕竟这些知识需要慢慢的接触才能有所了

解，尤其是对于普通的业余爱好者来说，当然，对于专业选手言自然不是问题。HTML 是 Web 的核心语言，也算是比较基础的语言。

hello,world

hello,world 是一个传统，所以在这里也遵循这个有趣的传统，我们所要做的事情其实很简单，虽然也有一点点 hack 的感觉。——让我们先来新建一个文并命名为

“helloworld.html”。

(PS: 大部分人应该都是在 Windows 环境下工作的，所以你需要新建一个文本，然后重命名，或者你需要一个编辑器，在这里我们推荐用 Sublime Text。破解不破解，

注册不注册都不会对你的使用有太多的影响。)

1. 新建文件
2. 输入
3. 保存为->“helloworld.html”，
4. 双击打开这个文件。正常情况下都应该是用你的默认浏览器打开。只要是一个正

常工作的现代浏览器，都应该可以看到上面显示的是 “Hello,world”。

2.0.0-p353 :001 > p "hello,world"

"hello,world"

=> "hello,world"

2.0.0-p353 :002 >

等等，如果你了解过 HTML 的话，会觉得这一点都不符合语法规则，但是他工作了，没有什么比安装完 Nginx 后看到 It works! 更让人激动了。

遗憾的是，它可能无法在所有的浏览器上工作，所以我们需要去调试其中的 bug。

调试 hello,world我们会发现我们的代码在浏览器中变成了下面的代码，如果你和我一样用的是 Chrome，那么你可以右键浏览器中的空白区域，点击审查元素，就会看到

下面的代码。

<html> <head></head>

<body>hello,world</body> </html>

这个才是真正能在大部分浏览器上工作的代码，所以复制它到编辑器里吧。

说说 hello,world我很不喜欢其中的 <*></*>，但是我也没有找到别的方法来代替它们，所以这是一个设计得当的语言。甚至大部分人都说这算不上是一门真正的语言，

不过 HTML 的原义是

超文本标记语言

所以我们可以发现其中的关键词是标记——markup，也就是说 HTML 是一个 markup，head 是一个 markup，body 也是一个 markup。

然而，我们真正工作的代码是在 body 里面，至于为什么是在这里面，这个问题就太复杂了。打个比方来说：

1. 我们所使用的汉语是人类用智慧创造的，我们所正在学的这门语言同样也是人类

创造的。

1. 我们在自己的语言里遵循着桌子是桌子，凳子是凳子的原则，很少有人会问为什

么。