HTML <p>
标记标签定义了一个段落 ( paragraph
)
<p>这是一个段落 </p> <p>这是另一个段落</p>
HTML <p>
标记标签的外边距
浏览器默认的会自动给 <p>
标记标签添加外边距,当然了,我们还可以通过设置样式属性 ( style
) 来自定义外边距
<p style="margin-top:16px;margin-bottom:16px">这是一个自定义外边距的段落</p>
HTML <p>
标记标签的输出
默认情况下,我们无法通过在 HTML 代码中添加额外的空格或空行来更改段落的输出效果,所有连续的空格或空行都计为一个空格
以下两个段落显示相同的效果
<p> 这个段落 在源代码模式下 包含了多行, 但浏览器 会忽略这里的换行符 </p> <p> 这个段落 在源码模式下 包含了 多行, 但 浏览器 会忽略它们 </p>
不要忘记添加结束标记
即使我们忘记使用结束标记,大多数浏览器也会正确显示该段落的内容
<p>该段落忘记添加结束标记 <p>这个段落也忘记添加结束标记了
但是,W3C 不建议这样做,因为它可能会导致意外错误
HTML <pre>
标记
如果要在段落中保留空格和空白行,可以使用 <pre>
标记,例如
<pre> 这个段落 在源代码模式下 包含了多行, 但浏览器 会忽略这里的换行符 </pre> <pre> 这个段落 在源码模式下 包含了 多行, 但 浏览器 会忽略它们 </pre>
HTML <pre>
和 <p>
标记标签的更多知识
目前尚无回复