HTML 简明教程 ( HTML5 标准 ) - 段落 ( <p> )

yufei       6 年, 3 月 前       776

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> 标记标签的更多知识

  1. HTML 简单教程: HTML 段落
  2. HTML 参考手册: HTML <p> 标签
  3. HTML 参考手册: HTML <pre> 标签
目前尚无回复
简单教程 = 简单教程,简单编程
简单教程 是一个关于技术和学习的地方
现在注册
已注册用户请 登入
关于   |   FAQ   |   我们的愿景   |   广告投放   |  博客

  简单教程,简单编程 - IT 入门首选站

Copyright © 2013-2022 简单教程 twle.cn All Rights Reserved.