HTML br标签|极客笔记

HTML br标签

在HTML中， 标签用于在文本中创建换行符。这个标签是个空标签，意味着它没有闭合标签。

下面是一个示例代码，演示了如何在文本中使用 标签来实现换行：

<!DOCTYPE html>
<html>
<body>

<p>这是第一行<br>这是第二行</p>

</body>
</html>

Output:

HTML br标签

当浏览器解析这段HTML代码时，会在 标签处插入一个换行符，从而让”这是第二行”显示在下一行。

除了用于在文本中实现换行之外， 标签还可以用于实现一些文本排列的效果。例如，在列表中的项目之间增加一些空白行，使得列表更易阅读。

下面是一个示例代码，演示了如何使用 标签在一个列表中实现文本排列：

<!DOCTYPE html>
<html>
<body>

<ul>
  <li>项目1</li>
  <br>
  <li>项目2</li>
  <br>
  <li>项目3</li>
</ul>

</body>
</html>

Output:

HTML br标签

在这个示例中，每个<li>标签后面都跟着一个 标签，从而在列表中的项目之间增加了空白行。

除了在文本中实现换行和文本排列之外， 标签还可以用于在页面中设置行间距。通过多次使用 标签可以实现不同行的文本之间有不同的间距。

下面是一个示例代码，演示了如何使用 标签设置行间距：

<!DOCTYPE html>
<html>
<body>

<p>这是第一行</p>
<br>
<br>
<p>这是第二行</p>
<br>
<br>
<br>
<p>这是第三行</p>

</body>
</html>

Output:

HTML br标签

在这个示例中， 标签被多次使用，从而创建了不同行之间不同的行间距。

通过本文的介绍，我们了解了HTML中 标签的基本用法，包括在文本中实现换行、文本排列和设置行间距。 标签虽然简单，但在页面排版中起着重要的作用。