内容摘要：打开记事本，敲下几行字，保存成.html文件，双击用浏览器打开——这就是网页搭建的全部起点。我见过太多人把这事想复杂了，以为非得学完三年前端课程才能动手。其实你离人生第一个网页只有三分钟的距离。 写网

打开记事本，网页敲下几行字，搭建保存成.html文件，教程双击用浏览器打开——这就是网页网页搭建的全部起点。我见过太多人把这事想复杂了，搭建以为非得学完三年前端课程才能动手。教程其实你离人生第一个网页只有三分钟的网页距离。

写网页跟搭积木有几分相似。搭建HTML负责搭骨架，教程CSS负责刷漆贴砖，网页JavaScript则让房子能动起来。搭建先别管后两者，教程今天咱们只搭骨架。网页你只需要记住一个核心概念：标签。搭建尖括号包着英文字母，教程成对出现，就像这样：<p>你好，世界</p>。前一个是开标签，后一个是闭标签，中间夹着内容。就这么简单。

我去年教过一个朋友，她完全零基础，连文件后缀名是什么都不知道。我让她新建一个txt文本，把下面这段代码复制进去，保存时把后缀改成.html，然后双击。她看到浏览器里出现“我的第一个网页”几个大字时，那种惊喜的表情我到现在还记得。

<!DOCTYPE html> <html> <head> <title>我的第一个网页</title> </head> <body> <h1>我的第一个网页</h1> <p>这是用HTML写的。</p> </body> </html>

这串代码里，<!DOCTYPE html>是告诉浏览器“按现代标准来”，<html>是整个文档的根，<head>里放的是页面元信息——标题、编码这些浏览器用但不直接显示的东西。<body>才是你真正看得见的全部内容。<h1>是一级标题，<p>是段落。

你可能会问，记不住这些标签怎么办？别急，谁也不是天生就会的。我刚开始做网页时，每次都要打开W3School查标签，查了不下二十遍<a>标签怎么用。现在那些标签全刻在肌肉记忆里了，纯粹是因为用得够多。所以我的建议很粗暴：先抄代码，抄完改着玩。把“我的第一个网页”改成你的名字，把那段话改成你喜欢的句子，保存刷新，看变化。这个过程比看十遍教程都有用。

网页搭建最迷人的地方在于即时反馈。你写一个<h1>，浏览器立刻给你一个加粗的大字；你写一个<img>，图片马上出现在眼前。这种“我改故我在”的实感，是学其他编程语言很难体会到的。我见过不少人写Python跑半天不知道错哪了，但写HTML基本不会遇到这种挫败——顶多就是标签没闭合导致排版错乱，肉眼可见，改起来也快。

当然，等你想做更复杂的页面时，会发现HTML只是地基。布局要靠CSS的flexbox和grid，交互得靠JavaScript。但地基打得牢不牢，直接决定你后面走得顺不顺。我见过太多人一上来就啃框架，结果连原生标签都写不利索，出了问题根本不知道是框架的锅还是自己的锅。

最后说个细节。你保存文件时，编码一定要选UTF-8，不然中文会变成乱码。这是新手最容易踩的坑，我当年被这个坑折磨了一下午，还以为是代码写错了。现在你知道这个坑了，恭喜你，已经比当年的我强了。

去写吧，从最简单的结构开始。每个标签都是你往浏览器这座大房子里添的一块砖。别怕写错，浏览器是最宽容的观众——就算你代码写得再烂，它也会尽力给你显示点什么。这种包容，在编程世界里可不多见。