码农教程 - 一技在手,衣食无忧! tools

HTML 段落

❮ 上一节 下一节 ❯

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

HTML 段落

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

段落始终以新行开始，并且浏览器会自动在段落前后添加一些空白（边距）。

示例

<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
亲自试一试 »

HTML显示

您无法确定 HTML 将如何显示。

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

对于 HTML，您无法通过在 HTML 代码中添加额外的空格或额外的行来更改显示。

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

示例

<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 水平规则

这个<hr>标签定义 HTML 页面中的主题中断，并且通常显示为水平规则。

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

示例

<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>tag 是一个空标签，这意味着它没有结束标签。

HTML 换行符

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

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

示例

<p>This is<br>a paragraph<br>with line breaks.</p>
亲自试一试 »

这个<br>tag 是一个空标签，这意味着它没有结束标签。

诗的问题

这首诗将显示在一行上：

示例

<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>元素定义预格式化文本。

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

示例

<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 标记添加带有文本 "Hello World!" 的段落。

<html>
<body>

</body>
</html>

开始练习

HTML 标签参考

91xjr' 标记参考包含有关 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 标签参考。


❮ 上一节 下一节 ❯