HTML <p> Thẻ
Thí dụ
Một đoạn văn được đánh dấu như sau:
<p>This is some text in a paragraph.</p>
Thêm các ví dụ "Hãy tự mình thử" bên dưới.
Định nghĩa và Cách sử dụng
Thẻ <p>xác định một đoạn văn.
Trình duyệt tự động thêm một dòng trống trước và sau mỗi <p>
phần tử.
Mẹo: Sử dụng CSS để tạo kiểu cho các đoạn văn .
Hỗ trợ trình duyệt
| Element | |||||
|---|---|---|---|---|---|
| <p> | Yes | Yes | Yes | Yes | Yes |
Thuộc tính toàn cầu
Thẻ <p>cũng hỗ trợ Thuộc tính chung trong HTML .
Thuộc tính sự kiện
Thẻ <p>cũng hỗ trợ Thuộc tính sự kiện trong HTML .
Các ví dụ khác
Thí dụ
Căn chỉnh văn bản trong một đoạn văn (với CSS):
<p style="text-align:right">This is some text in a paragraph.</p>
Thí dụ
Tạo kiểu đoạn văn bằng 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>
Thí dụ
Thông tin thêm về các đoạn văn:
<p>
This paragraph
contains a lot of lines
in the source code,
but the browser
ignores it.
</p>
Thí dụ
Các vấn đề về bài thơ trong HTML:
<p>
My Bonnie lies over the ocean.
My Bonnie lies over the sea.
My
Bonnie lies over the ocean.
Oh, bring back my Bonnie to me.
</p>
Các trang liên quan
Hướng dẫn HTML: Đoạn văn HTML
Tham chiếu DOM HTML: Đối tượng Đoạn văn
Cài đặt CSS mặc định
Hầu hết các trình duyệt sẽ hiển thị <p>phần tử với các giá trị mặc định sau:
Thí dụ
p {
display: block;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
}