刚想做个个人博客或者展示页，一打开代码编辑器就头大？别慌，这篇 html菜鸟入门教程 就是专门给咱们这种零基础小白准备的，不整那些虚头巴脑的理论，直接告诉你怎么把字和图片摆到屏幕上。我在这行摸爬滚打15年，见过太多人因为第一行代码报错就劝退，其实建站没你想的那么玄乎，它就是给网页穿件衣服，咱们今天就来聊聊怎么裁这件衣裳。
首先，你得有个趁手的家伙事儿。别一上来就装那些高大上的IDE，什么VS Code虽然好，但对纯新手来说配置太麻烦，容易劝退。我建议你先用系统自带的记事本，或者下载个轻量级的 Notepad++。为什么？因为你要先理解本质。HTML 就是超文本标记语言，说白了就是一堆标签，告诉浏览器：“这行字是标题”，“那张图是图片”。你不用懂复杂的逻辑，就像搭积木一样，一块一块拼起来就行。
咱们直接上手写第一行代码。新建一个文本文档，重命名为 index.html，注意后缀一定要是 .html，别写成 .txt 了，这是新手最容易踩的坑。双击打开，输入 ，这行代码是告诉浏览器：“嘿，我是个标准的HTML5网页，请按规矩显示”。接着输入 ，这是根标签，所有的内容都得包在里面。然后里面套
和 。 是网页的“大脑”，放标题、编码设置这些看不见的东西； 是“身体”，放你给客人看的内容。很多菜鸟在这里会卡住，觉得标签怎么成双成对出现？比如
标题
。这是因为HTML讲究闭合，就像你说话得有头有尾。是最大标题，
是段落。你试着在
里写：欢迎来到我的网站
这是我写的第一段话。
。保存后，双击这个 html 文件，浏览器就会打开它。看到那行大字和段落没？那一刻的成就感，比打十个游戏都爽。这时候你可能会问，光有字太干巴了，咋加图片？用
。src 填图片地址，alt 是图片加载失败时的提示，这对SEO和用户体验都很重要，别偷懒。说到图片路径，这是新手重灾区。如果你的图片和网页文件在同一个文件夹，直接写文件名就行。如果在子文件夹，得写相对路径，比如 images/pic.jpg。千万别直接复制C盘那个绝对路径，换台电脑就全瞎了。我有个学员，以前总用绝对路径，结果把网站发给客户，客户一看全是红叉，尴尬得想钻地缝。
排版的时候，别急着搞复杂的CSS样式。先用
换行，用
加条线，用 加粗，用 斜体。这些基础标签足够你写出一个清晰的草稿。等结构稳了，再去琢磨颜色、字体、间距那些花哨的东西。记住，结构优先，样式在后。很多新手一上来就纠结背景色是蓝色还是绿色，结果代码写得乱七八糟，最后连自己写的啥都看不懂。
最后，分享个我的土办法。遇到不懂的标签，别死记硬背。去 MDN 或者 W3School 查一下，然后自己敲一遍。手敲代码肌肉记忆比脑子记牢多了。哪怕你只是照着抄，抄多了自然就懂了。建站这事儿，就像学骑自行车，摔两跤就学会了。别怕报错，浏览器控制台里的红色报错信息，其实是最好的老师，它告诉你哪行错了，改过来就行。
这篇 html菜鸟入门教程 就聊到这，核心就是：动手！别光看不练。等你把第一个网页做出来，你会发现，原来建站也没那么难。接下来你想学 CSS 美化，还是 JS 交互，那都是水到渠成的事。加油，我在网页的另一头等你。
