HTML中的<p>标签

KuaiKan 6月前 140

大部分的文本结构由标题(h1~h6)和段落(p)组成,不管是小说、报刊、教科书还是杂志等。内容结构化会使读者的阅读体验更轻松,更愉快。

p(段落)

ePub中,常使用<p>标签包裹正文段落。你可以使用单标签选择器给p元素设置样式,也可以通过给所有正文添加class来设置正文样式。

p元素会自动在其前后创建一些空白。浏览器会自动添加这些空间(浏览器默认样式),您也可以在样式表中重新定义。对<p>标签定义上下间距,即设置排版中的段落间距。

示例代码:

<p>
春眠不觉晓,
处处闻啼鸟。
夜来风雨声,
花落知多少。
</p>
<p>注意,浏览器忽略了源代码中的排版(省略了多余的空格和换行)。</p>

显示结果如下:

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

注意,浏览器忽略了源代码中的排版(省略了多余的空格和换行)。

这个段落在源代码中包含许多行,但是浏览器忽略了它们。

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

最新回复 (0)
返回