最近琢磨网页上那些花里胡哨的东西是怎么弄出来的，老是看到有人提什么“html代码翻译”。我就挺奇怪的，这代码一串串字母符号，咋还能翻译？像翻译英语似的？这得弄明白才行，不然心里老惦记着。

琢磨这“翻译”到底是啥意思

我上网随便搜搜，出来一堆“超文本标记语言”什么的，看得我头大。这些名词解释对我这种只想知道咋回事的人来说，没啥用。它就告诉我HTML是基础，用来搭网页架子的，但没说清这“翻译”是咋回事。

我寻思，光看别人说没用，不如自己看看代码长啥样。我就随便打开一个常去的网站，鼠标右键点那个“查看网页源代码”。嚯！一下子弹出来满屏幕的英文和尖括号，密密麻麻的。

• 有好多尖括号包着字母，像 `

  ` 还有 `

  ` 这些。

• 文字内容就夹在这些尖括号中间。
• 还有些看着像设置样式的，颜色大小什么的。

动手试试看代码

看着这些代码，我大概有点感觉。那些尖括号里的东西，像一个个的“命令”或者“标记”。比如我看到一段文字被 `

` 和 `

这时候我才反应过来，所谓的“翻译”，根本不是语言之间的翻译。更像是浏览器这个“工人”，它认识HTML这套“指令”。你用HTML写好指令，告诉它哪里是标题，哪里是段落，哪里加粗，浏览器就老老实实地按照你的指令，把网页的样子给你“画”出来。咱们看到的网页，就是浏览器“翻译”或者说“执行”HTML代码之后的结果。

这么一想就通！它不是编程语言那种搞复杂逻辑的，就是一套标记规则，告诉浏览器“这里该显示啥”、“显示成啥样”。

自己写几行试试

光想没用，还得动手。我就打开电脑自带的记事本，学着刚才看到的，敲几个简单的标记。

比如写个：

<h2>我的第一个测试</h2>

<p>这是我随便写的一段话，看看能不能显示出来。<strong>这里加粗试试！</strong></p>

然后我把这个记事本文件保存，后缀名改成 `.html`。双击打开，浏览器真的把我写的东西显示出来，标题是标题的样式，段落是段落的样子，加粗的地方也真的变粗。

那一刻感觉还挺奇妙的，就这么几行字，浏览器就“翻译”出一个简单的页面。虽然简单得不行，但确实是自己捣鼓出来的。

以后再听到“html代码翻译”，我就明白，不是啥高深莫测的东西。就是浏览器读取HTML标记，然后把网页内容和结构展示出来的过程。搞清楚这点，再去看那些网页代码，心里就有底多。