HTML p 标签

🌙
手机阅读
本文目录结构
axihe

HTML <p> 标签功能

HTML <p>元素(或者说 HTML 段落元素)表示文本的一个段落。

<p>元素会自动在其前后创建一些空白。浏览器会自动添加这些空间,您也可以在样式表中规定。

该元素通常表现为一整块与相邻文本分离的文本,

或以垂直的空白隔离或以首行缩进。另外,<p> 是块级元素。

注意事项

<p> 元素的 align 属性已被弃用,请不要使用。

使用 CSS margin 属性去改变段落之间的间隙,不要在段落之间插入空的段落元素或者<br>元素。

HTML <p> 标签用法

以下代码标记了一个段落:

使用 CSS margin 属性去改变段落之间的间隙,不要在段落之间插入空的段落元素或者 <br> 元素。

<!-- 演示内容开始 -->
<style>
   .demo1 p {
   margin: 5px 0;
   }

   .demo2 p {
   margin: 30px 0;
   }
</style>
<div class="demo1">
   <p>这是第一个段落。这是第一个段落。
   这是第一个段落。这是第一个段落。</p>
   <p>这是第二个段落。这是第二个段落。
   这是第二个段落。这是第二个段落。</p>
</div>
<div class="demo2">
   <p>这是第一个段落。这是第一个段落。
   这是第一个段落。这是第一个段落。</p>
   <p>这是第二个段落。这是第二个段落。
   这是第二个段落。这是第二个段落。</p>
</div>
<!-- 演示内容结束 -->

HTML <p> 标签演示

https://a.axihe.com/api/html/chrome_CkQryMPLWH.jpg

浏览器支持

目前大多数浏览器支持 <p>标签。

在 HTML4 与 HTML5 中的差异

HTML4 中标签的 align 属性已经废弃,HTML5 不支持该属性。

属性

属性描述
alignleft
right
center
justify
HTML5 不支持。
HTML4 已废弃。
不赞成使用。请使用样式取代它。
规定段落中文本的对齐方式。

全局属性

<p> 标签支持全局属性,查看完整属性表 HTML 全局属性。

事件属性

<p> 标签支持所有 HTML 事件属性。


AXIHE / 精选资源

浏览全部教程

面试题

学习网站

前端培训
自己甄别

前端书籍

关于朱安邦

我叫 朱安邦,阿西河的站长,在杭州。

以前是一名平面设计师,后来开始接接触前端开发,主要研究前端技术中的JS方向。

业余时间我喜欢分享和交流自己的技术,欢迎大家关注我的 Bilibili 和抖音。

关注我: Github / 知乎

如果你加我的私人微信,麻烦写上您的 称呼,所在地区,职业,方便我备注,谢谢


本站的微信公众号

阿西河前端教程

Anbang

安邦的私人微信

微信号: yaolushan

Anbang

Bilibili(B站)

朱安邦

Anbang