一个html文件，网页本质就是基础一堆尖括号里的标签。你打开记事本，代码敲上<html>，网页再敲上</html>，基础保存成.html后缀，代码双击，网页浏览器就把它渲染成一个空白页面。基础这感觉挺奇妙的代码——你什么都没写，但浏览器已经知道该做什么了。网页它像一只训练有素的基础狗，等着你扔出第一个指令。代码

真正的网页起点是<head>和<body>这两个兄弟。head里藏着页面的基础“元信息”，比如字符编码<meta charset="utf-8">，代码告诉浏览器别把中文显示成乱码。body里才是用户看得见摸得着的一切。我见过不少新手把<title>塞进body，结果浏览器标签页上光秃秃的，页面里却冒出一行小字。这种错位感，就像把盐撒进了咖啡——不是不能喝，但味道全变了。

标签的闭合规则是另一个坑。你写<p>你好</p>，没问题。但如果你偷懒写成<p>你好，浏览器通常也会原谅你，自动补全。可一旦嵌套错了——比如<b><i>加粗倾斜</b></i>——浏览器就会一脸茫然，它不知道你到底想干嘛。我调试过最离谱的一个页面，整个布局全乱，最后发现只是少了一个</div>。一个标签的缺失，能让整个页面像多米诺骨牌一样塌掉。这种脆弱感，恰恰是html最真实的一面。

属性是标签的调味料。给<a>加上href，它就从纯文本变成可点击的链接；给<img>加上src，它就从占位符变成真正的图片。没有属性的标签，像没装电池的遥控器——形状是对的，但按了没反应。记得我第一次写<img src="cat.jpg">，图片死活不显示，检查了半天才发现文件名其实叫Cat.JPG。Linux服务器对大小写敏感，Windows不敏感。这种平台差异，让html调试变成了一场侦探游戏。

行内元素和块级元素的区别，是理解页面布局的关键。块级元素像<div>、<p>，独占一行，像一个个方块砖头；行内元素像<span>、<a>，在文字流里随遇而安。你强行把<div>塞进一行文字里，它会把文字拦腰截断，就像在流畅的句子中突然插入一个硬回车。反过来，把<span>当块用，它又缩在角落里不肯撑满宽度。CSS能改变这一切，但那是另一个话题了。

表单是html里最“不听话”的部分。<input type="text">看起来简单，但配上<label>、<button>、<select>之后，交互逻辑就复杂起来。提交按钮按下去，数据去哪儿？action属性指向哪儿，浏览器就把表单数据发给谁。没有后端配合，表单就是一台只进不出的机器——你填了信息，点击提交，页面刷新，什么都没发生。这种“空转”的挫败感，每个初学者都尝过。

最后说点实在的。html不难，难的是记住“所有标签都是为内容服务的”。<h1>不是用来把字变大，而是用来标记标题层级；<ul>不是为了加圆点，而是为了表达列表关系。当你把语义放在第一位，代码自然就清晰了。我见过有人用<table>做整个页面的布局——那是2003年的做法，现在维护起来想砸电脑。html在进化，你的写法也得跟着变。别怕犯错，多开几个标签页对照着看，浏览器就是你最好的老师。