HTML 段落

HTML 段落

HTML 可以将文档分割为若干段落。


HTML 段落

<p>这是一个段落。</p>
<p>这是另外一个段落。</p>
运行实例点击"运行实例"按钮查看在线实例
注意:浏览器会自动地在段落的前后添加空行。(</p>是块级元素)

不要忘记结束标签

即使忘了使用结束标签,大多数浏览器也会正确地将 HTML 显示出来:

<p><p>这是一个段落。</p>
<p>这是另外一个段落。</p>
运行实例点击"运行实例"按钮查看在线实例

上面的例子在大多数浏览器中都没问题,但不要依赖这种做法。忘记使用结束标签会产生意想不到的结果和错误。

注释: 在未来的 HTML 版本中,不允许省略结束标签。

HTML 折行

如果您希望在不产生一个新段落的情况下进行换行(新行),请使用 <br />标签。

在 HTML 语言中, <br />标签定义为一个换行符,它可以理解为简单的输入一个空行,而不是用来对内容进行分段:

<p>这个<br> 段落<br>演示了分行的效果</p>
运行实例点击"运行实例"按钮查看在线实例
注:<br /> 元素是一个空的 HTML 元素。由于关闭标签没有任何意义,因此它没有结束标签。

HTML 输出- 使用提醒

我们无法确定 HTML 被显示的确切效果。屏幕的大小,以及对窗口的调整都可能导致不同的结果。

对于 HTML,您无法通过在 HTML 代码中添加额外的空格或换行来改变输出的效果。

当显示页面时,浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。需要注意的是,HTML 代码中的所有连续的空行(换行)也被显示为一个空格。

<h1>春晓</h1>


<p>
   春眠不觉晓, <br/>
   处处闻啼鸟。<br/>
   夜来风雨声,<br/>
   花落知多少。<br/>
</p>


<p>注意,浏览器忽略了源代码中的排版(省略了多余的空格和换行)。</p>
运行实例点击"运行实例"按钮查看在线实例
注:(这个例子演示了一些 HTML 格式化方面的问题)

分类HTML教程手册相关推荐:

HTML教程导读- (HTML5 标准) HTML简介 HTML编辑器 HTML 基础 HTML 元素 HTML 属性 HTML 标题 HTML 段落 HTML 文本格式化 HTML 头部 HTML 样式-CSS HTML 图像 HTML 表格 HTML 列表 HTML 区块 HTML 布局 HTML 表单和输入 HTML 框架 HTML 颜色 HTML 颜色名 HTML 颜色值 HTML 脚本 HTML 字符实体 HTML 链接 HTML URL HTML 速查列表 HTML 学习总结