Tìm hiểu cách sử dụng HTML <p> (đoạn văn).
HTML (<p> ) phần tử được sử dụng để xác định các phần tử đoạn văn:
<p>Here is some text inside a paragraph element.</p>
<p> phần tử cho đến nay là phần tử văn bản được sử dụng nhiều nhất trên web. Bài viết bạn đang đọc này hầu như chỉ bao gồm các thành phần đoạn văn.
<p> phần tử là một phần tử cấp khối. Điều này có nghĩa là theo mặc định, mọi đoạn được xác định trong tài liệu của bạn sẽ chiếm một dòng mới trong trình duyệt:
<p>Here is some text inside a paragraph element.</p>
<p>Here is another text inside another paragraph element.</p>
Nếu bạn đã hoán đổi <p> các thẻ có <span> , hai khối văn bản đó sẽ hiển thị nội dòng (ngay cạnh nhau, thay vì xếp chồng lên nhau) vì <span> là một phần tử nội dòng.
Theo mặc định, các phần tử đoạn kế thừa các thuộc tính tạo kiểu sau đây từ Biểu định kiểu tác nhân người dùng (trong hầu hết các trình duyệt):
p {
display: block;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
}
Điều này thực thi sự phân tách dòng rõ ràng bằng cách áp dụng khoảng trắng trên cùng và dưới cùng với margin tài sản.
Tất nhiên, bạn luôn có thể ghi đè các kiểu đó bằng cách nhập một biểu định kiểu CSS (hoặc với các kiểu nội dòng).