阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      HTML p 标签

      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 事件属性。

      卖前端学习教程

      只需几十元,就能买到培训班的内部教程!开启高薪之路!

      零基础小白阿里P7的教程都有!

      同时长期收购所有培训班的前端教程

      目录
      目录