Thẻ HTML <p>
Ví dụ
Một đoạn văn được đánh dấu như sau:
<p>This is some text in a paragraph.</p>
Hãy tự mình thử »Thêm 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 phần tử <p>
.
Mẹo: Sử dụng CSS để tạo kiểu cho đoạn văn .
Hỗ trợ trình duyệt
Element | |||||
---|---|---|---|---|---|
<p> | Yes | Yes | Yes | Yes | Yes |
Thuộc tính chung
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 .
Thêm ví dụ
Ví dụ
Căn chỉnh văn bản trong đoạn văn (bằng CSS):
<p style="text-align:right">This is some text in a paragraph.</p>
Hãy tự mình thử »Ví dụ
Tạo kiểu cho đ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>
Hãy tự mình thử »Ví 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>
Hãy tự mình thử »Ví dụ
Các vấn đề về 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>
Hãy tự mình thử »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ị phần tử <p>
với các giá trị mặc định sau:
Ví dụ
p {
display: block;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
}
Hãy tự mình thử »