【HTML+CSS】HTML基础：掌握水平线、加粗、换行等常用标签

目录

1. 水平线标签 

2. 加粗标签  和 

3. 换行标签 

---

在网页开发中，HTML（HyperText Markup Language）是构建网页内容的基石。通过一系列预定义的标签，HTML能够定义网页的结构和内容。对于初学者而言，掌握一些基本的文本格式化标签是非常必要的，比如水平线、加粗和换行等。本文将详细介绍这些常用的HTML标签，帮助你在CSDN等平台上更好地分享和学习HTML知识。

1. 水平线标签 <hr>

<hr> 标签在HTML中用于插入一条水平线，通常用于分隔内容区块，使其更加清晰易读。这个标签是一个空标签，意味着它不需要结束标签。

<p>这是段落一的内容。</p>  
<hr>  
<p>这是段落二的内容，与段落一之间用水平线分隔。</p>

在上述示例中，<hr> 标签在两个段落之间插入了一条水平线，有效地分隔了两个段落的内容。

2. 加粗标签 <strong> 和 <b>

在HTML中，<strong> 和 <b> 标签都可以用于加粗文本，但它们在语义上有所不同。<strong> 标签表示文本的重要性，而 <b> 标签仅表示文本应该以粗体显示，不带有任何重要性或强调的语义含义。

• 使用 <strong> 标签：

  <p>这是一个<strong>重要</strong>的信息。</p>

• 使用 <b> 标签：

  <p>这是<b>加粗</b>显示的文本。</p>

  尽管在大多数浏览器中，<strong> 和 <b> 的显示效果相同（即文本加粗），但建议根据文本的实际意义来选择使用哪个标签。

  3. 换行标签 <br>

  <br> 标签用于在文本中插入一个简单的换行（而不是段落间的分隔）。这也是一个空标签，不需要结束标签。

  <p>这是第一行。<br>这是第二行，通过<br>标签与上一行分隔。</p>

  在上述示例中，<br> 标签被用来在同一段落内创建新行，而不是开始一个新的段落。

  掌握HTML中的基本文本格式化标签，如<hr>、<strong>/<b>和<br>，对于构建清晰、易读的网页内容至关重要。这些标签不仅能够帮助你控制文本的布局和显示方式，还能在一定程度上提升网页的语义化水平。通过合理使用这些标签，你可以让你的网页内容更加丰富、结构更加清晰，从而提升用户体验。