Thẻ HTML <p>
Định nghĩa và cách sử dụng thẻ <p>
Thẻ <p>
định nghĩa 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>. Ví dụ về một đoạn được đánh dấu như sau:
<p>Đây là văn bản trong một đoạn văn.</p>
Mẹo: Sử dụng CSS để tạo kiểu cho đoạn văn.
Hỗ trợ trình duyệt
Phần tử <p> | Google Chrome | MS Edge | Firefox | Safari | Opera |
---|---|---|---|---|---|
Có | Có | Có | Có | Có |
Thuộc tính Global
Thẻ <p>
cũng hỗ trợ các thuộc tính Global 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
Căn chỉnh văn bản trong đoạn văn (bằng CSS):
<p style="text-align:right">Chào mừng bạn đến với Quản Trị Mạng!</p>
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>Trình quản lý mật khẩu dành riêng cho Windows có thể làm được nhiều hơn những gì có trong trình duyệt web của bạn. Ngoài việc quản lý và lưu trữ an toàn mật khẩu, nó có thể lưu trữ các ghi chú và tài liệu quan trọng, ngân hàng và các chi tiết tài chính khác, chi tiết nhận dạng, tạo mật khẩu mạnh, đồng bộ mật khẩu của bạn trên các thiết bị và theo dõi những mật khẩu bị đánh cắp và rò rỉ trực tuyến.</p>
</body>
</html>
Thêm về đoạn văn:
<p>
Đoạn văn này
chứa rất nhiều dòng
trong mã nguồn,
nhưng trình duyệt
bỏ qua nó.
</p>
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ài đặt CSS mặc định
Hầu hết mọi trình duyệt sẽ hiển thị phần tử <p>
với các giá trị mặc định sau:
p {
display: block;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
}
379
Bạn nên đọc
0 Bình luận
Sắp xếp theo

Xóa Đăng nhập để Gửi

Cũ vẫn chất
-
Ngày đẹp khai xuân 2024, ngày tốt khai trương đầu năm 2024
Hôm qua -
Cách tải LOL PBE, tạo tài khoản PBE DTCL
Hôm qua 17 -
Hướng dẫn tạo hiệu ứng động trong Canva
Hôm qua -
Top 7 phần mềm giả lập PC trên Android
Hôm qua -
Cách chuyển mã phông chữ với Unikey
2 ngày -
Hóa vàng ngày nào đẹp Tết Giáp Thìn 2024
Hôm qua -
Ngày Hoàng đạo tháng 2 năm 2024, ngày đẹp tháng 2/2024
Hôm qua -
Mẹo chơi trái Băng trong Blox Fruit
Hôm qua -
Thơ về hoa đào hay đón Tết đến Xuân về
2 ngày -
Luyện tập gõ 10 ngón giúp tăng tốc đánh máy
2 ngày 39