HTML 新行

这篇文章将讨论换行符，并演示如何将它们添加到 HTML 文档中。

换行符是如何工作的？

顾名思义，换行符就是一行中的中断。在 HTML 中，当一行水平结束，并且下一行开始于不同的行时，就会发生换行。

引言

超文本标记语言是一种以其适应性和易用性而闻名于世的语言。在 HTML 中编写的段落、诗歌节或邮政地址必须始终在新行上开始。

用户可以使用各种 HTML 标签快速为此创建新行。但是，如果他们经常在段落中插入需要新行的内容怎么办？也可以通过多种方式使用 HTML 标签。本文将介绍所有 HTML 换行技术。

1. 使用 <br> 标签
2. 使用 <div> 标签
3. 使用 <p> 标签
4. 使用 <pre> 标签
5. 使用 <span> 标签

方法 1：使用 <br> 标签在 HTML 中换行

用户可以使用此 HTML <br> 标签来添加或开始新行，例如在需要换行的诗歌或地址中。<br> 标签是 HTML 中的一个空标签。

这意味着该标签不需要结束标签。网页浏览器通常会忽略内容文本中新插入的行或段落。因此，用户必须使用 HTML <br> 标签来插入换行符以开始新行。

当用户添加换行符时，这表示为任何额外的 HTML 文档段落或网页组件以及在两个不同的行之间放置一些空格而跳转到新行。"clear" 属性是 <br> 标签的属性之一。在上一行换行符之后，<br> 元素指示浏览器在哪里开始新行。

输出

方法 2：使用 <div> 标签在 HTML 中换行

尽管 div 的目的是将新的 HTML 内容分成用于图形、文本、标题、页脚、导航栏等部分，但用户经常使用它来开始新行。开标签和闭标签包含在 <div> 标签中。<div> 标签是一个块级元素。用户可以更改其前后换行符。

输出

方法 3：使用 <p> 标签在 HTML 中换行

HTML <p> 标签通常用于定义段落的内联组件和内容。<p> 标签是一个带有一对标签（开标签和闭标签）的标签。该标签必须始终关闭。HTML <p> 标签是一个块级元素，主要用于添加文本，但用户可以使用 <br> 标签强制在元素内部换行。<p> 标签的功能与 <br> 标签几乎相同。

在视觉媒体中，用户通常将段落描绘为通过空格、空行或首行缩进与相邻文本段落分隔开的文本段。然而，HTML 段落（或 <p> 标签）可能包含相关内容的结构组，例如图像、视频或其他组件或字段。

输出

方法 4：使用 HTML <pre> 标签

通过这种方法，我们演示了如何使用 HTML <pre> 元素，它指定了预格式化文本。浏览器将以固定宽度字体显示 <pre> 元素内的文本，并保留换行符和空格。

输出

方法 5：使用 HTML <span> 标签

在这里，我们使用了 <span> 标签，它使用 CSS `display:block` 强制换行。这会导致换行。

输出

结论

当用户需要将一段文本显示在不同的行上时，例如诗歌的一节或邮政地址，他们可以使用上述任何标签并应用换行元素而不是段落元素。

我们希望本文清晰地阐述了换行符的理想用例，并演示了如何使用各种 HTML 元素插入换行符。