Tìm hiểu cách sử dụng phần tử HTML <p> (đoạn văn).
Phần tử HTML (<p>) được dùng để định nghĩa các phần tử đoạn văn:
<p>Đây là một số văn bản bên trong phần tử đoạn văn.</p>Phần tử <p> là phần tử văn bản được dùng nhiều nhất trên web. Bài viết bạn đang đọc gần như chỉ bao gồm các phần tử đoạn văn.
Phần tử <p> là phần tử cấp khối (block-level). Điều này có nghĩa là mặc định, mọi đoạn văn được định nghĩa trong tài liệu của bạn sẽ chiếm một dòng mới trong trình duyệt:
<p>Đây là một số văn bản bên trong phần tử đoạn văn.</p> <p>Đây là văn bản khác bên trong một phần tử đoạn văn khác.</p>Nếu bạn thay thế thẻ <p> bằng thẻ <span>, hai khối văn bản đó sẽ hiển thị ngang hàng (ngay cạnh nhau, thay vì xếp chồng) vì <span> là phần tử dòng (inline).
Mặc định, các phần tử đoạn văn kế thừa các thuộc tính định kiểu sau từ User-Agent Stylesheet (trong hầu hết 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 và dưới với thuộc tính margin.
Bạn đương nhiên luôn có thể ghi đè các kiểu đó bằng cách nhập bảng định kiểu CSS (hoặc với kiểu nội tuyến).