初入江湖：第一个HTML页面

一、命运的齿轮

2015年的夏天，空气里弥漫着毕业季特有的焦灼与希望。李默坐在学校机房里，屏幕上蓝色的光标在黑色背景的命令行里闪烁，像他此刻忐忑不安的心跳。计算机专业的他，在经历了四年的C语言、数据结构和操作系统洗礼后，面对招聘网站上“前端开发工程师”这个新鲜又陌生的职位，感到一阵迷茫。

“前端……就是做网页的吧？”他喃喃自语，点开了一个招聘要求：“精通HTML、CSS、JavaScript，了解浏览器兼容性……”

HTML是什么？他只在选修课里听过这个名字。带着一种近乎破釜沉舟的决心，他打开了浏览器，在搜索框里郑重地敲下：“如何创建一个HTML页面”。

**二、新世界的敲门砖

搜索结果的第一条，是一个简单的教程。李默按照指引，打开了电脑自带的、最朴素的文本编辑器——记事本。

他的手指有些生涩地在键盘上敲下：

html 复制代码 
<html>
  <head>
    <title>我的第一个网页</title>
  </head>
  <body>
    <h1>你好，世界！</h1>
    <p>这是我的第一个HTML页面。</p>
  </body>
</html>

每一个标签他都小心翼翼，生怕打错一个尖括号。代码简短得可怜，甚至称不上是“代码”，更像是一种神秘的仪式咒语。保存文件时，他郑重地将文件名改为 hello.html，仿佛这不是一个文本文件，而是一把即将打开新世界大门的钥匙。

三、神迹降临

他双击那个刚刚诞生的文件。默认浏览器应声打开。

一瞬间，李默屏住了呼吸。

白色的背景上，赫然显示着一行粗大的“你好，世界！”，下面跟着一句朴素的描述。没有复杂的样式，没有交互，但它确确实实是一个网页，一个由他亲手创造、能在浏览器中呈现的、真正的网页！

那种感觉难以言喻。不是解出一道复杂算法题的智力愉悦，而是一种无中生有的创造快感。几行简单的文本，通过一套名为“HTML”的规则，就变成了视觉可见的存在。这比在黑框命令行里打印出“Hello World”要直观和震撼得多。

他兴奋地修改了 <h1> 标签里的文字，保存，刷新浏览器。
文字变了。
再修改 <p> 标签的颜色，加上蹩脚的 <style>，保存，刷新。
颜色变了。

一种掌控感油然而生。所见即所得的魔力，让他这个习惯了后端“编译-运行-输出”逻辑的学生感到着迷。原来创造一件看得见、摸得着（在屏幕上）的东西，门槛可以如此之低，反馈可以如此之快。

四、江湖的初印象

那天下午，李默沉浸在这种最简单的快乐里。他给网页加上图片(<img>)，加上链接(<a>)，尝试做一个简陋的表格(<table>)。每学会一个新标签，就像在 RPG 游戏里点亮了一个新技能，迫不及待地想试试效果。

他并不知道，这个在本地文件系统里双击打开的 hello.html，与未来将要面对的、运行在复杂服务器上、被成千上万人访问的“网页应用”有着天壤之别。他更不知道，那些看似简单的标签，在未来会与CSS的层叠、JavaScript的动态、浏览器的怪癖、网络的延迟纠缠在一起，构成一个名为“前端开发”的复杂江湖。

此刻的他，只是手握一块最粗糙的“HTML”铁胚，站在名为“Web”的庞大铸剑炉前，眼里闪烁着好奇与兴奋的火光。

他保存好这个文件，将它放在一个名为“学习”的文件夹里。这个文件夹，连同这个简单的 hello.html，成了他前端江湖路的起点。

江湖路远，这只是第一步。但这一步踏出的，是一个全新的世界。李默关掉浏览器，望向窗外，夕阳的余晖洒在屏幕上。他知道，明天的搜索关键词，将会变成“CSS是什么”。

他的江湖，开始了。