嘿，各位零基础的朋友，兔子哥又来啦！是不是总觉得 “做网页” 是程序员的专属，自己从没碰过代码，肯定学不会？其实真不是这样！今天这篇教程就专门给零基础的你准备的，不用怕看不懂，跟着案例一步步实操，半小时就能做出你的第一个静态网页，一起往下看吧！

一、学做网页前，先准备这两样 “家伙事儿”

别以为学代码得装一堆复杂软件，真不用！零基础入门，有这俩工具就够了，都是免费的，兔子哥刚开始学就用它们：

• 写代码的工具：Notepad++ 就行，官网直接下，安装的时候一路点 “下一步”，超简单。它能给代码上色，哪是标签哪是文字看得清清楚楚，比系统自带的记事本好用多了。
• 看效果的工具：你平时用的浏览器就行，Chrome、Edge、 Firefox 都可以。写完代码保存后，双击文件用浏览器打开，就能看到网页长啥样，实时反馈超方便。

可能有朋友问：“用 Word 行不行？” 不行哦！Word 会自动加很多隐藏格式，写出来的代码浏览器不认，一定要用纯文本编辑器，听兔子哥的准没错。

二、必学的 3 个基础标签，新手先记这几个

HTML 标签虽然多，但做第一个网页，记住这 3 个核心标签就够了，简单好记：

1. 标题标签
   到
   ：就是网页上的大标题、小标题。比如
   是最大的标题，
   比它小一点，就像写作文的一级标题、二级标题一样。用法也简单，

   我的第一个网页

   ，浏览器里就能显示大标题啦。
2. 段落标签
   ：用来写正文文字的，比如介绍自己的话、说明文字。写成

   大家好，我在学HTML！

   ，文字会自动换行，段落之间还有空隙，看起来不乱。
3. 换行标签
：这个标签有点特殊，不用成对写，想在哪换行就加个
。比如写地址的时候，省、市、区要换行，就可以用它。

对了，标签都要用尖括号<>包起来，而且大部分标签得成对出现，比如开标签

后面一定要有关闭标签，不然浏览器会搞不清哪里是开头哪里是结尾，这点要注意哦。

三、实操案例：10 分钟做个 “我的小介绍” 网页

光说不练假把式，咱们现在就动手做个简单的个人介绍网页，步骤跟着走，保准能成：

步骤 1：新建文件

打开 Notepad++，点左上角 “文件”→“新建”，然后点 “保存”，文件名写成 “我的介绍.html”（注意后缀必须是.html，别写成.txt 啦），保存在桌面好找。

步骤 2：写基础框架

在空白文档里先写这几行，这是所有 HTML 网页的 “骨架”，就像盖房子先搭框架：
plaintext

所有内容都要写在和中间，浏览器才会显示哦。

步骤 3：加内容标签

在中间加这些内容，想改文字就换成自己的：
plaintext

大家好，我是小明
我是一名大学生，平时喜欢打篮球、看电影。
我最近在学HTML，这是我做的第一个网页！
是不是很厉害？

写完记得点 “保存”，别偷懒，不然白写了。

步骤 4：看效果

回到桌面，找到刚才保存的 “我的介绍.html” 文件，双击它，会用浏览器打开。怎么样？是不是看到标题和段落文字啦？如果没显示，检查一下文件名后缀对不对，或者标签有没有写错。

四、新手常踩的 “坑”，我帮你避开

兔子哥刚开始学的时候，踩过不少冤枉坑，这些地方你注意了，能少走弯路：

• 标签拼错字母：比如把
  写成，浏览器就不认了，仔细看看有没有拼错。
• 忘记关标签：只写了
  没写，后面的文字都会跟着变样式，一定要成对写。
• 文件名错了：保存的时候没写.html，结果变成了 “我的介绍.html.txt”，浏览器打不开，重命名加上后缀就行。

结尾心得

怎么样，是不是发现做网页没那么难？零基础完全能学会！兔子哥觉得，学 HTML 最重要的就是多动手，别光看教程不动手，写代码就是越写越熟。刚开始不用追求复杂，先把简单的标签用会，做出第一个网页超有成就感的。
你可以试试在刚才的网页里加个自己的照片（后面学了标签就能加），或者多写几段话。每天花十分钟练一练，很快就能做更复杂的网页啦。有问题随时留言问我，兔子哥看到都会回的，加油哦！

标签： 记事本 浏览器