HTML基础标签

（一）标题标签

 <h1>  -  <h6>  用于定义不同层级的标题， <h1>  是层级最高、字体最大的标题， <h6>  层级最低、字体最小 。

<h1>一级标题：页面核心主题</h1>
<h2>二级标题：板块重要标题</h2>
<h3>三级标题：细分内容标题</h3>
<!-- 以此类推到 <h6> -->

合理使用标题标签，能清晰构建页面内容的层级结构，让用户快速梳理页面信息脉络，也利于搜索引擎识别页面内容的重要程度 。

（二）段落与行内标签

•  <p> ：定义段落，浏览器会自动在段落前后添加空白和换行，让文本段落分明 。例如：

<p>这是一段独立的文本内容，讲述关于 HTML 基础标签的知识，通过 <p> 标签包裹，形成清晰的段落。</p>

•  <span> ：行内小容器，本身没有特殊样式和语义，主要用于对行内文本进行局部样式控制（配合 CSS 使用 ），不会让文本换行 。比如：

  <p>在这段文本里，<span style="color: red;">红色部分</span> 可以通过 <span> 标签单独设置样式。</p>

（三）强调与换行标签

•  <strong> ：让文本加粗，具有语义化的强调作用，表明文本内容重要，浏览器默认显示为加粗效果 。
•  
•  <em> ：使文本倾斜，同样是语义化强调，强调文本的语气等，默认显示为斜体 。
•  
•  <br> ：单标签，用于插入换行符，让文本在指定位置换行 。比如诗歌排版：

  <p>床前明月光，<br>疑是地上霜。<br>举头望明月，<br>低头思故乡。</p>