Thẻ P trong HTML
Trần Thị Vân - 2316
- 19/02/2025
Thẻ p trong HTML dùng để quy định một đoạn văn bản trong nội dung bài viết hoặc trên website, giúp các đoạn văn bản được tách biệt nhau, chi tiết như nào hãy cùng chúng tôi phân tích:
Chức năng của Thẻ P trong HTML
Thẻ <p> trong HTML dùng để quy định một đoạn văn bản trong nội dung bài viết hoặc trên website, giúp các đoạn văn bản được tách biệt nhau, dễ phân biệt, các đoạn văn có khoảng cách với nhau rõ rệt và ngoài ra chúng ta còn có thể quy định cách canh lề của văn bản.
Cú pháp của Thẻ P trong HTML
<p>vanbanhtml</p>
vanbanhtml: Văn bản hoặc các phần tử HTML.
Bao gồm thẻ mở <p> và thẻ đóng </p>.
Phân tích Thẻ <p> trong HTML
Canh lề thẻ <p>
<!DOCTYPE html>
<html>
<head>
<title>Canh lề thẻ <p></title>
</head>
<body>
<p style="text-align:left">Canh lề trái cho thẻ p</p>
<p style="text-align:right">Canh lề phải cho thẻ p</p>
<p style="text-align:center">Canh giữa cho thẻ p</p>
<p style="text-align:justify">Canh đều hàng cho thẻ p</p>
</body>
</html>
Thẻ <p> khi mặc định
Mặc định canh lề trái.
Mặc định margin-top:10px, margin-bottom: 10px.
Mặc định display: block.
Các thẻ được phép nằm trong thẻ <p>
<br/>: xuống dòng.
<a>: gắn liên kết.
<img>: chèn hình ảnh.
<b>, <strong>, <em>, <i>, <span>: nhấn mạnh chữ
<!DOCTYPE html>
<html>
<head>
<title>Các thẻ được phép nằm trong thẻ <p></title>
</head>
<body>
<p>Hãy liên hệ với <a href="https://webmoi.vn/">Web Mới</a> để làm website</p>
<p>Dùng thẻ <br/> để xuống dòng</p>
<p>Hình ảnh logo <img src="https://webmoi.vn/thumb/54x55/2/media/images/logo-web-moi.png" width="54" height="55">của Web Mới</p>
<p>Nhấn mạnh <b>đoạn text</b> trong thẻ p</p>
</body>
</html>
Các thẻ không được phép nằm trong thẻ <p>
Không nên chèn thẻ <p>, <div>, <ul>, <dl>, <dt>, <dd> vào trong thẻ <p>.
Lời kết
Cảm ơn các bạn đã tham khảo bài viết Thẻ <p> trong HTML.
- 0 Bình luận
Email, Điện thoại của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *
