二维码
搜索 ×

HTML 段落

  • 作者：图形开发学院
  • 更新时间：2023年11月01日
  • 阅读量：0
  • 收藏数：0

HTML 段落

段落总是从新行开始，通常是文本块。

HTML 段落

HTML 元素定义一个段落。<p>

段落总是从新行开始，浏览器会自动在段落前后添加一些空格（边距）。

1
2
<p>This is a paragraph.</p>  
<p>This is another paragraph.</p>

HTML 显示

您无法确定 HTML 的显示方式。

大屏幕或小屏幕以及调整大小的窗口将产生不同的结果。

使用 HTML，您不能通过在 HTML 代码中添加额外的空格或额外的行来更改显示。

当页面出现时，浏览器将自动删除任何多余的空格和行 显示：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<p>  
This paragraph  
contains a lot of lines  
in the source code,  
but the browser  
ignores it.  
</p>

<p>  
This paragraph  
contains         a lot of spaces  
in the source         code,  
but the        browser  
ignores it.  
</p>

HTML 水平规则

该标记定义 HTML 页面中的主题分隔符，并且最常见的是 显示为水平标尺。<hr>

该元素用于分隔 HTML 中的内容（或定义更改） 页：<hr>

1
2
3
4
5
6
<h1>This is heading 1</h1>  
<p>This is some text.</p>  
<hr>  
<h2>This is heading 2</h2>  
<p>This is some other text.</p>  
<hr>

标签为空标签，这意味着它没有结束标签。<hr>

HTML 换行符

HTML 元素定义换行符。<br>

如果您想要换行符（换行符）而不开始新段落，请使用：<br>

1
<p>This is<br>a paragraph<br>with line breaks.</p>

标签为空标签，这意味着它没有结束标签。<br>

诗歌问题

这首诗将显示在一行上：

1
2
3
4
5
6
7
8
9
10
<p>  
  My Bonnie lies over the ocean.

  My Bonnie lies over the sea.  

  My Bonnie lies over the ocean.  

  Oh, bring back my Bonnie to me.  

</p>

解决方案 - HTML <pre> 元素

HTML 元素定义预先格式化的文本。<pre>

元素内的文本以固定宽度的字体显示（通常 Courier），并保留空格和换行符：<pre>

1
2
3
4
5
6
7
8
9
<pre>  
  My Bonnie lies over the ocean.  

  My Bonnie lies over the sea.  

  My Bonnie lies over the ocean.  

  Oh, bring back my Bonnie to me.  
</pre>

HTML 标记参考

标记引用包含有关 HTML 元素及其属性的其他信息。

Tag Description
[<p>] Defines a paragraph
[<hr>] Defines a thematic change in the content
[<br>] Inserts a single line break
[<pre>] Defines pre-formatted text

有关所有可用 HTML 标记的完整列表，请访问我们的 [HTML 标记参考]

推荐教程