Menu
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

HTML <p> 标签


示例

段落标记如下

<p>这是一段文字。</p>
自己尝试 »

更多“自己尝试”示例见下文。


定义和用法

<p> 标签定义段落。

浏览器会在每个 <p> 元素前后自动添加一个空行。

提示: 使用 CSS 设置段落样式


浏览器支持

元素
<p>

全局属性

<p> 标签还支持 HTML 中的全局属性


事件属性

<p> 标签还支持 HTML 中的事件属性



更多示例

示例

对齐段落中的文本(使用 CSS)

<p style="text-align:right">这是一段文字。</p>
自己尝试 »

示例

使用 CSS 设置段落样式

<html>
<head>
<style>
p {
  color: navy;
  text-indent: 30px;
  text-transform: uppercase;
}
</style>
</head>
<body>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>

</body>
</html>
自己尝试 »

示例

 更多关于段落

<p>
这段文字
包含很多行
在源代码中,
但浏览器
忽略它。
</p>
自己尝试 »

示例

HTML 中的诗歌问题

<p>
我的心上人远渡重洋。
我的心上人远隔海面。
我的心上人远渡重洋。
哦,把我心上人带回我身边。
</p>
自己尝试 »

相关页面

HTML 教程:HTML 段落

HTML DOM 参考:段落对象


默认 CSS 设置

大多数浏览器会使用以下默认值显示 <p> 元素

示例

p {
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
}
自己尝试 »


×

Contact Sales

If you want to use W3Schools services as an educational institution, team or enterprise, send us an e-mail:
[email protected]

Report Error

If you want to report an error, or if you want to make a suggestion, send us an e-mail:
[email protected]

W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie and privacy policy.

Copyright 1999-2024 by Refsnes Data. All Rights Reserved. W3Schools is Powered by W3.CSS.