HTML5: <p>
Tổng quan
Thẻ <p> (Paragraph) hay còn gọi là thẻ mức đoạn (hay mức khối) dùng để thể hiện một đoạn văn bản.
Đoạn văn bản đặt trong <p> sẽ phân cách với các đoạn văn bản lân cận khác bằng một dòng trắng.
Thẻ <p> là thẻ đôi (<p> </p>).
<p> thuộc các Phần tử mức khối.
Nhóm nội dung
Flow, Palpable.
Nội dung được phép
Thẻ đóng
Bắt buộc phải có thẻ mở (opening tag) <p>, có thể bỏ qua thẻ đóng (closing tag) </p> nếu <p> nằm ngay sau những thẻ <address>, <article>, <aside>, <blockquote>, <div>, <dl>, <fieldset>, <footer>, <form>, <h1>, <h2>, <h3>, <h4>, <h5>, <h6>, <header>, <hr>, <menu>, <nav>, <ol>, <pre>, <section>, <table>, <ul>, hoặc nằm ngay sau thẻ <p> khác, hoặc nếu trong phần tử chứa <p> không có nhiều nội dung hoặc phần tử chứa <p> không phải là thẻ <a>.
Phần tử cha được phép
Bất kỳ phần tử nào chấp nhận nhóm nội dung Flow.
DOM interface
HTMLParagraphElement.
Thuộc tính
<p> bao gồm Các thuộc tính Global.
title
Dùng để tạo chú thích cho đoạn văn bản nằm trong thẻ <p>.
align
Dùng để canh lề cho đoạn văn bản nằm trong <p>. Thuộc tính này gồm các giá trị left (canh trái, mặc định), center (canh giữa), right (canh phải), justify (canh thẳng hàng hai bên trái phải).
Ví dụ
Ví dụ dưới đây sẽ trình bày hai đoạn văn nằm trong hai thẻ <p> khác nhau, hai đoạn văn này sẽ phân cách nhau bằng một dòng trắng, trong đó đoạn văn thứ nhất có màu red và khi bạn di chuyển chuột chạm vào đoạn văn thì sẽ hiện ra chú thích (được tạo bởi thuộc tính title), còn đoạn văn thứ hai có màu green và được đặt ở chính giữa trình duyệt (được tạo bởi thuộc tính align).
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<p title="Đây là đoạn văn bản đầu tiên" style="color:red;">This is the first paragraph of text. This is the first paragraph of text. This is the first paragraph of text. This is the first paragraph of text.</p>
<p align="center" style="color:green;">This is second paragraph of text. This is second paragraph of text. This is second paragraph of text. This is second paragraph of text.</p>
</body>
</html>
Lưu ý
Để thay đổi khoảng cách giữa các thẻ <p> bạn có thể sử dụng thuộc tính margin của CSS.
Bạn không nên chèn thêm thẻ <p> không chứa nội dung hoặc thẻ <br> giữa các thẻ <p>.
Khả năng tương thích trình duyệt
Desktop
|
Feature |
Chrome |
Firefox (Gecko) |
Internet Explorer |
Opera |
Safari (WebKit) |
|---|---|---|---|---|---|
|
Hỗ trợ cơ bản |
1.0 |
1.0 (1.7 or earlier) |
(Yes) |
(Yes) |
(Yes) |
Mobile
|
Feature |
Android |
Firefox Mobile (Gecko) |
IE Phone |
Opera Mobile |
Safari Mobile |
|---|---|---|---|---|---|
|
Hỗ trợ cơ bản |
(Yes) |
1.0 (1.0) |
(Yes) |
(Yes) |
(Yes) |
Xem thêm
· <hr>
· <br>