HTML 元素
元素语法、嵌套规则、块级与行内元素、空元素
HTML 元素
HTML 由元素（element） 组成——从开始标签到结束标签，以及中间的内容。
学完本章你将： 掌握元素语法、嵌套规则、块级与行内元素。
元素语法
html
<!-- 标准元素：开始标签 + 内容 + 结束标签 -->
<p>这是一个段落。</p>
<!-- 空元素：没有结束标签 -->
<br> <!-- 换行 -->
<hr> <!-- 水平线 -->
<img src="photo.jpg" alt="照片"> <!-- 图片 -->嵌套规则
html
<!-- ✅ 正确嵌套：先开后关 -->
<p>这是<b>加粗</b>文字</p>
<!-- ❌ 错误嵌套：交叉 -->
<p>这是<b>加粗</p>文字</b>块级 vs 行内
html
<!-- 块级元素：占满整行 -->
<div>块级 1</div>
<p>块级 2</p>
<!-- 行内元素：与前后内容同行 -->
这是 <span>行内</span> 文字
这是一段 <a href="#">链接</a> 在段落中💡 块级元素默认独占一行，行内元素不换行。