打开记事本，零基敲下这行字：<h1>你好，础入程世界</h1>，门教保存成 test.html，零基双击用浏览器打开。础入程屏幕中央出现一行大黑字，门教这时候你已经在写网页了。零基HTML没你想的础入程那么玄乎，它就是门教一摞带尖括号的标签，浏览器负责把它们翻译成你看到的零基页面。

标签长这样：<标签名>内容</标签名>。础入程绝大多数标签成对出现，门教前一个是零基开标签，后一个是础入程闭标签，闭标签比开标签多一个斜杠。门教你刚才写的<h1>是标题标签，数字1到6代表不同级别，1最大，6最小。想换行用<p>包住段落，想加链接就写<a href="网址">点我</a>。就这么回事。

我见过不少新手卡在“嵌套”上。所谓嵌套，就是标签套标签，像俄罗斯套娃。比如：

<div> <p>这是一段<strong>加粗</strong>的文字</p> </div>

注意顺序：先开的<div>最后才关，<p>在<strong>之前关闭。谁先开谁后关，搞反了浏览器会懵，页面布局直接乱掉。我自己初学时就栽过这跟头——把</p>写在了</strong>前面，结果整段文字变斜体，找半天bug。

HTML里有个概念叫“块级元素”和“行内元素”。块级元素像<div>、<p>、<h1>，它们独占一行，宽度撑满容器；行内元素像<span>、<a>、<strong>，只占内容本身那么宽，不会强制换行。理解这个区别，你就能控制元素怎么排队。

图片标签<img>是个特例，它没有闭标签，叫“自闭合标签”。写法是<img src="图片地址" alt="替代文字">。alt属性挺重要——图片加载失败时显示它，屏幕阅读器也靠它给视障用户读内容。别偷懒不写，我见过某电商页面图片挂了，满屏都是裂图标加一串乱码，那体验简直灾难。

表单是另一个坑。你写<input type="text">，浏览器渲染出一个输入框，但光有框没用，你得给它起个名字：<input type="text" name="username">。这样提交数据时，后台才知道你传的是“用户名”而不是“密码”。name属性是表单控件的身份证，漏了它，用户填了等于白填。

还有个小细节——HTML文档开头得写<!DOCTYPE html>，告诉浏览器“这是现代HTML，按标准解析”。不写的话，浏览器会进入“怪异模式”，各种边距、尺寸算得跟你预期不一样。我当年用旧模板做页面，死活调不对居中，后来发现就是缺了这行声明。

最后给你个练习建议：别用IDE的自动补全，纯手敲标签，错几次就记住了。打开浏览器按F12，在“元素”面板里能看到页面结构，右键点某个标签还能直接修改样式，那是你的调试利器。写坏了大不了刷新重来，网页又不会爆炸。

HTML的入门门槛低到离谱——你会打字就能学。但真正写得好，得懂语义化，知道什么时候用<article>而不是<div>，什么时候用<nav>而不是瞎套<ul>。这些是后话，先把标签用熟，页面搭出来，再谈优化。