HTML <p> thẻ

Định nghĩa và cách sử dụng

<p> thẻ định nghĩa đoạn văn.

Trình duyệt sẽ tự động thêm một dòng trống ở mỗi <p> Thêm một dòng trống trước và sau phần tử.

Lưu ý:Hãy sử dụng CSS Thiết lập phong cách đoạn văn。

Xem thêm:

Giáo trình HTML:HTML 段落

Tài liệu tham khảo HTML DOM:Đối tượng Paragraph

Mô hình

Mẫu 1

Đánh dấu đoạn văn như thế này:

<p>Đây là một đoạn văn bản trong đoạn văn.</p>

亲自试一试

Mẫu 2

Căn chỉnh văn bản trong đoạn văn (sử dụng CSS):

<p style="text-align:right">Đây là một đoạn văn bản trong đoạn văn.</p>

亲自试一试

Mẫu 3

Sử dụng CSS để thiết lập phong cách đoạn văn:

<html>
<head>
<style>
p {
  color: navy;
  text-indent: 30px;
  text-transform: uppercase;
}
</style>
</head>
<body>
<p>Trung Quốc, chính thức là Cộng hòa Nhân dân Trung Hoa (PRC), là một quốc gia ở Đông Á. Nó là quốc gia đông dân thứ hai trên thế giới, với dân số vượt quá 1,4 tỷ người. Trung Quốc trải dài tương đương năm khu vực giờ và giáp mười bốn quốc gia về mặt đất. Với diện tích gần 9,6 triệu km2 (3,700,000 dặm vuông), nó là quốc gia lớn thứ ba về diện tích đất. Quốc gia này được chia thành 22 tỉnh, năm khu vực tự trị, bốn thành phố trực thuộc trung ương và hai khu vực hành chính đặc biệt bán tự trị. Bắc Kinh là thủ đô quốc gia, trong khi Thượng Hải là thành phố đông dân nhất và lớn nhất về trung tâm tài chính.</p>
</body>
</html>

亲自试一试

例子 4

更多段落：

<p>
在源代码中，
这一段
包含很多行，
但浏览器
忽略它。
</p>

亲自试一试

例子 5

HTML 中的诗歌问题：

<p>
　　朝辞白帝彩云间，
　　千里江陵一日还。
　　两岸猿声啼不住，
　　轻舟已过万重山。
</p>

亲自试一试

全局属性

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

事件属性

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

默认的 CSS 设置

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

p {
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
}

亲自试一试

浏览器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 支持 支持 支持 支持