在 HTML 中开始新行

当前位置：主页 > 学无止境 > WEB前端 > HTML >

Vue React JavaScript Angular CSS HTML

在 HTML 中开始新行

作者：迹忆客最近更新：2023/03/27 浏览次数：

本文将讨论在 HTML 代码中断行的三种方法。打破线路通常意味着从那里开始新的线路。

在 HTML 中使用 ` ` 标签换行

我们可以使用   标签在 HTML 代码中换行。在 HTML 代码的 <body> 中，我们输入一些我们选择的内容，当我们想要更改行时，我们在内容之后使用标签   并再次开始输入内容。我们也可以使用标签   标签代替  ，这会产生与上面相同的结果。此外，如果我们想插入两个换行符，我们可以输入   标签两次。这意味着我们希望有多少换行符，我们必须输入   标签相同的次数。

例如，在 HTML 正文中，编写你选择的文本。在要换行的文本后使用   标签。这会将你剩余的读者转移到另一行。在文本中的任意位置连续使用该标签两次。

下面的示例在 HTML 代码中的特定文本之后创建一个新行。在下面代码中 HTML 正文中的第一句话之后，标记   将换行。结果，剩余的文本切换到下一行。完成这一行后，  标签被使用了两次，暗示该行被断开了两次。

示例代码：

<body>
Hi, I am here to learn how to break the line in HTML. <br> In this method, I'm using the br tag. <br/> <br/> I would like to be a good programmer in the future.
</body>

输出：

Hi, I am here to learn how to break the line in HTML.
In this method, I'm using the br tag.
 
I want to be a good programmer in the future.

在 HTML 中使用 `<pre>` 标签换行

我们还可以在 HTML 正文中使用 <pre> 标记来换行。这种方法与上面解释的方法略有不同。<pre> 元素有助于完全按照键入的方式显示文本。在 <pre> 标签内，我们可以在任何需要的地方按下回车键并关闭标签，从而在不同的行中输入文本。因此，当我们输入时，它会在单独的行中显示文本。但是如果我们不使用 <pre> 标签，无论我们在文本中按多少次回车，文本都将显示在同一行中，没有任何换行符。

例如，在 HTML 正文中编写一个 <pre> 标记。然后键入所需的文本并通过在你想要插入换行符的任何位置按 Enter 来换行。写完文本后，关闭 </pre> 标签并关闭 <body> 标签。

下图在 HTML 代码中创建了一个换行符。键入所需文本后，通过在 HTML 正文中的文本中按 Enter 键插入换行符。<pre> 标签有助于以与输入相同的方式显示输出。当省略 <pre> 标签时，所有文本将出现在同一行中。这表明 <pre> 标签有助于插入换行符。

示例代码：

<body>
    <pre>
        Hi, I am here to learn how to break the line in HTML. 
        In this method, I'm using the pre tag.
        I would like to be a good programmer in the future. 
    </pre>
</body>

输出：

        Hi, I am here to learn how to break the line in HTML. 
        In this method, I'm using the pre tag.
        I would like to be a good programmer in the future.

在 HTML 中使用 `` 标签换行

我们还可以使用  标记在 HTML 代码中换行。这个标签决定了文本的段落。它是一个块级元素；因此，它总是从新行开始。因此，在开始正文中的每一行之前编写  标记并在结束后编写  有助于打破这一行。

例如，写下标签  并输入你想要的文本，当你完成教科书时，写下标签 。然后不断重复相同的过程，直到你愿意为止。完成所有文本的编写后，不要忘记关闭 HTML 的 body 标记。

下图还创建了一个新行。当输入标签  时，段落开始，当输入  时，段落结束。我们知道新段落总是从新行开始，所以当我们再次在文本中使用相同的标签时，出现在下一行，表示新行。

示例代码：

<body>
    <p> Hi, I am here to learn how to break the line in HTML. </p> 
    <p>In this method I'm using the p tag.</p> 
    <p>I would like to be a good programmer in the future.</p> 
</body>
</html>

输出：

Hi, I am here to learn how to break the line in HTML.
In this method I'm using the p tag.
I would like to be a good programmer in the future.

上一篇：在 HTML 中的文本之间添加空格

下一篇：在 HTML 中使用十六进制代码设置透明度

转载请发邮件至 1244347461@qq.com 进行申请，经作者同意之后，转载请以链接形式注明出处

本文地址：

迹忆客专注技术分享