آموزش تگ p در HTML - راهنمای کار با پاراگراف در html

برای ایجاد پاراگراف از تگ p استفاده می شود. مرورگرها به صورت پیش فرض فضایی خالی قبل و بعد از پاراگراف در نظر می گیرند که با کمک css می توان این ...

برای ایجاد پاراگراف از تگ p استفاده می شود. مرورگرها به صورت پیش فرض فضایی خالی قبل و بعد از پاراگراف در نظر می گیرند که با کمک css می توان این حاشیه را کم و زیاد کرد.

مثال تگ p در HTML

مثال 1: ایجاد پاراگراف

<p>This is some text in a paragraph.</p>

مثال 2: راست چین کردن پاراگراف با css

<p style="text-align:right">This is some text in a paragraph.</p>

مثال 3: استایل دادن به پاراگراف با css

<html>
<head>
<style>
p {
color: navy;
text-indent: 30px;
background: #eee
}
</style>
</head>
<body>

<h1>Style paragraphs with CSS</h1>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>

</body>
</html>

پشتیبانی مرورگرها

تگ p در مرورگرهای کروم، فایرفاکس، اپرا، سافاری، اینترنت اکسپلورر و اج پشتیبانی می شود.

مرورگر	کروم	فایرفاکس	اپرا	سافاری	اینترنت اکسپلورر / اج
پشتیبانی	بله	بله	بله	بله	بله

ویژگی ها

ویژگی	مقدار	توضیحات
align	left right center justify	شیوه ترازبندی متن پاراگراف را مشخص می کند. این ویژگی در HTML5 پشتیبانی نمی شود.