2013年，夏。
林小凡盯着电脑屏幕，额头上的汗珠滑落，却浑然不觉。
他的手指在键盘上悬停，犹豫了几秒，终于敲下了一行代码：
html
<h1>Hello, World!</h1>按下保存，刷新浏览器。
白色的页面上，一行黑色粗体字赫然显现：
Hello, World!
“成功了！”他猛地一拍桌子，差点把旁边的可乐打翻。
室友王胖子从床上探出头，睡眼惺忪：“大清早的，你鬼叫什么？”
“我的第一个网页！你看！”林小凡兴奋地转过屏幕。
王胖子眯着眼瞅了瞅，嗤笑一声：“就这？一行字也算网页？”
“你不懂！”林小凡不服气，“这可是HTML，万维网的基石！以后所有的网站，都是从这里开始的！”
王胖子翻了个白眼，倒头继续睡。
三天前，林小凡还是个对编程一窍不通的大学生。
他的专业是市场营销，但大四实习时，看到招聘网站上“前端开发”岗位的薪资，他心动了。
“不就是做网页吗？学几天应该就能上手吧？”他天真地想。
于是，他翻出积灰的笔记本电脑，搜索“如何制作网页”，一头扎进了HTML的世界。
起初，他连“标签”是什么都不知道，把<h1>写成了<h一>，浏览器一片空白，他以为电脑坏了。
折腾半天，才发现是输入法的锅。
“原来编程连标点符号都要用英文的……”他喃喃自语。
今天，他终于完成了人生第一个完整的静态页面。
一个简陋的个人介绍，有标题、段落、列表，甚至还有一张模糊的自拍照。
html
<!DOCTYPE html>
<html>
<head>
<title>林小凡的个人主页</title>
</head>
<body>
<h1>欢迎来到我的世界</h1>
<p>我是林小凡，一个正在学习前端的小白。</p>
<ul>
<li>喜欢音乐</li>
<li>喜欢电影</li>
<li>最近迷上了编程</li>
</ul>
<img src="my_photo.jpg" alt="我的照片" width="200">
</body>
</html>他反复刷新页面，看着自己写出的东西在浏览器里呈现，心里涌起一股莫名的成就感。
“原来这就是创造的感觉……”
晚上，他把页面发到了学校论坛。
标题是：《自学HTML三天，这是我的作品，求指点！》
十分钟后，有人回复：
“
<img>标签没写alt属性，差评。”
林小凡一愣，赶紧去查 alt 是干什么的。
又有人跟帖：
“1998年的网页都比这个强。”
他的脸瞬间涨红。
但紧接着，一条新回复让他眼睛一亮：
“虽然简单，但结构清晰，作为新手不错了。想深入学习的话，可以试试CSS，让你的页面不再这么丑。”
发帖人的ID是“墨尘”，头像下有一行小字：某互联网公司前端工程师。
林小凡立刻私信了他：
“大神！求带！”
这一夜，林小凡睡得格外踏实。
他不知道的是，这行简单的<h1>Hello, World!</h1>，将会彻底改变他的人生轨迹。
前方等待他的，是CSS的绚丽魔法、JavaScript的复杂逻辑、框架的激烈竞争……
而这一切，才刚刚开始。
（第一章 完）
下一章预告：
第二章：CSS的魔法——从黑白到缤纷
“你以为HTML就是全部？没有CSS，你的页面永远是个丑小鸭。”——墨尘
