打开浏览器，随便点开一个网站，你是不是也想过“这玩意儿到底是怎么做出来的”？别急着否认，我见过太多人对着网页源码两眼放光，转头又觉得那是程序员才能碰的东西。其实建立自己的网页，门槛比你想的低得多。今天咱们不走那些虚的，就从零开始，一步步把属于你的页面搭起来。你不用会写代码，也不用懂什么高深的技术，只要跟着我往下走，今晚之前你就能看到一个能打开的、完全属于你自己的网页。

第一步，你得有个“记事本”。别笑，我说的是真话。电脑上自带的记事本或者文本编辑软件，就是你建网页的全部工具。你先打开它，新建一个空白文件，然后往里面敲一行字：“我的第一个网页”。保存的时候注意了，文件名后缀一定要改成“.html”，比如“firstpage.html”。这一步很关键，很多人卡就卡在保存成了“.txt”，那浏览器可不认账。保存好之后，你双击这个文件，浏览器就会打开它，你会看到屏幕上干干净净地显示着那行字。恭喜你，你的网页已经“活”了。

但这样太素了，跟白纸似的。咱们得让它有点网页的样子。在刚才那行字前面加上几个符号，用尖括号包起来的那种。具体来说，你在“我的第一个网页”前后分别加上“

”和“

”。保存，刷新浏览器，你发现那行字变大了、变粗了，像新闻标题那样。这就是HTML标签的魔力。每一个标签都像是一个指令，告诉浏览器“这里该显示成什么样子”。从这刻起，你不再是单纯打字，而是在“指挥”浏览器干活了。这种掌控感，说实话，挺上瘾的。

搞定了标题，咱们再加点内容。在“

”那段文字的下面，新建一行，输入“

这是我的第一个段落，虽然简陋，但它是我的地盘。”

”。保存刷新，你会看到一行普通的文字出现在标题下方。别小看这个“

”标签，它代表“paragraph”，也就是段落。网页上所有正文内容，基本都是靠这个标签堆出来的。你现在可以随便写几句话，写你今天吃了什么，写你最近的心情，写什么都行。关键是，这个页面开始有了你的“人味儿”。它不再是一个空壳，而是装着你的字、你的想法。

光有文字还差点意思。网页嘛，总得有点颜色和结构。咱们给背景换个颜色，在文件最开头加上“”，保存刷新，页面背景变成了浅灰色。你再把标题文字改成蓝色，就在“

”里加个“style="color: blue;"”。看到了吗？网页的“皮肤”就是这么换的。你甚至可以把字体调大、给段落加个边框，这些都不需要什么高深技巧，就是一个一个属性往里面填。这个过程像不像给毛坯房刷漆？一开始灰突突的，刷着刷着，就有点家的模样了。

等你玩腻了这些基础操作，可以试试更“高级”的玩法——加个链接。比如你想在网页上放一个你常逛的网站，就写“点这里去个有意思的地方”。保存刷新，文字变成蓝色带下划线，鼠标一点就跳转。再比如你想给页面加个标题栏，在文件最开头补上“”，浏览器顶部的标签页就会显示这几个字。这些零碎的标签，就像乐高积木，你一块一块拼，拼出一个完整的页面。而且你发现没有，你已经开始“读懂”别人网页的源代码了——按F12，那些复杂的东西，原来就是这些标签的叠加。

也是最容易被忽略的一步——保存和分享。你做的这个网页文件，其实就是一个独立的“家”，你可以把它放在电脑桌面，随时双击打开。如果想让朋友也看到，方法也简单，把文件发给他们就行。要是想放到网上让人人都能访问，那就得买个域名和服务器，但那是后话。今天咱们的目标，就是从零到一，让你亲手摸到网页的“骨架”。你回头看这几个段落，从一行纯文本，到带标题、带段落、带背景色、带链接的页面，整个过程不过二十分钟。

我见过学编程的人，第一堂课老师就让他们写“Hello World”，很多人觉得没意思。但等你真的自己写出一个页面，哪怕它再简陋，那种“我创造了一个东西”的感觉，是任何教程都无法替代的。你的网页不需要完美，不需要好看，它只需要存在。这就像你第一次学会骑自行车，第一次独立做一道菜，往后你可能会做出更复杂的作品，但脚下这第一步，永远最带劲。

所以，别再眼馋别人的网站了。打开记事本，敲下那行字，保存成“.html”，双击打开。你的专属网页，从这一秒就开始生长了。