تگ p در html

به نام خداوند علم و دانش. سلام به دوستان گرامی و مخاطبین وب سایت آموزشی کدیونی، وقت همگی بخیر، در این صفحه با مطلب تگ p در html از سری آموزش های HTML در خدمت شما عزیزان هستیم.

پاراگراف ها از اجزای مهم متن به شمار می آیند و در html این امکان فراهم شده تا با تگ p، پاراگراف را داشته باشید.

اگر قصد دارید در آینده سایتی در زمینه نگارشی یا وبلاگ نویسی طراحی کنید ارزش واقعی این مدل سایت ها به محتوای آن است پس باید با تگ های نگارشی در html آشنا شوید. تگ پاراگراف یکی از آن تگ ها است!

پاراگراف در html

برای نوشتن پاراگراف از تگ p استفاده می کنیم و در واقع پاراگراف با <p> شروع شده و با </p> بسته می شود و هر چه بین این دو باشد متن پاراگراف است.

کد:

<p>CodeUni.Ir</p>

برای شکستن خطوط در پاراگراف و یا رفتن به خط بعد از تگ <br> استفاده می کنیم.

کد:

<p>Hi <br> CodeUni.Ir</p>

در صورتی که قصد نوشتن مطلبی با چند پاراگراف دارید می توانید چند بار از تگ p استفاده کنید. جهت سهولت می توان از ویرایشگر های متن تحت وب استفاده کرد.

کد:

<p>Text 1</p>
<p>Text 2</p>
<p>Text 3</p>
<p>Text 4</p>
<p>Text 5</p>

اجرا

صفات تگ p

این تگ از صفات global مانند id، class و ... پشتیبانی می کند.

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

تنظیمات پیش فرض CSS تگ p در اکثر مرورگرها به صورت زیر است:

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

با استفاده از css می توان استایل مدنظر را شخصی سازی کرد.

سازگاری با مرورگرها

تگ p با مرورگرهای زیر سازگار است:

• گوگل کروم
• فایرفاکس
• اج
• اپرا
• سافاری
• گوگل کروم اندروید
• فایرفاکس اندروید
• اپرا اندروید
• سافاری iOS