برچسب <p> در اچ‌تی‌ام‌ال

از ویکی‌کد، دانشنامهٔ برنامه‌نویسی
پرش به ناوبری پرش به جستجو
پاراگراف را تعریف می‌کند
معرفی شده در نسخهٔ:۱
حذف شده در نسخهٔ: هنوز در حال استفاده است
ویژگی‌های مجاز:به پائین مراجعه کنید
تنظیمات پیش‌فرض CSS:به پائین مراجعه کنید

{{منو اسکرول چپ|نام منو={{مرجع منو اچ‌تی‌ام‌ال|expanded=مرجع}}}}

مثال

یک پاراگراف بصورت زیر نشانه‌گذاری می‌شود:

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


موارد بیشتری از «خودتان امتحان کنید» در زیر.

تعریف و کاربرد

برچسب <p> یک پاراگراف را تعریف می‌کند.[۱]

مرورگرها بصورت خودکار مقداری فاصله (margin) را به قبل و بعد از هر عنصر <p> اضافه می‌کنند. marginها را می‌توان با CSS اصلاح کرد (با ویژگی‌های margin).

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

عنصر Chrome Internet Explorer / Edge Firefox Safari Opera
<p> بله بله بله بله بله

ویژگی‌های سراسری

همچنین برچسب <p> از ویژگی‌های سراسری (Global Attributes) در اچ‌تی‌ام‌ال پشتیبانی می‌کند.

ویژگی‌های رویداد

همچنین برچسب <p> از ویژگی‌های رویداد (Event Attributes) در اچ‌تی‌ام‌ال پشتیبانی می‌کند.

مثال‌های بیشتر

مثال

متن درون یک پاراگراف را تراز کنید (با CSS):

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


مثال

سبک‌دهی پاراگراف‌ها بهمراه CSS:

<head>
<style>
p {
  color: navy;
  text-indent: 30px;
  text-transform: uppercase;
}
</style>
</head>
<body>

<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>


مثال

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

<p>
This paragraph
contains a lot of lines
in the source code,
but the browser
ignores it.
</p>


مثال

مشکلات شعر در اچ‌تی‌ام‌ال:

<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>


صفحات مرتبط

آموزش اچ‌تی‌ام‌ال: پاراگراف‌ها در اچ‌تی‌ام‌ال (HTML Paragraphs)

مرجع DOM اچ‌تی‌ام‌ال: شیء پاراگراف (Paragraph Object)

تنظیمات پیش‌فرض CSS

بیشتر مرورگرها عنصر <p> را با مقادیر پیش‌فرض زیر نمایش می‌دهند:

مثال

p {
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
}


منابع آموزشی