این آموزش در تاریخ ۱۴۰۲/۰۶/۲۳ آپدیت شده است.
آموزش تگ p در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش تگ p در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
تگ P در HTML
تگ p که از کلمه Paragraph گرفته شده، همونطور که از اسمش مشخصه ، تگی است که با استفاده از آن میتوان در یک صفحه وب یک یا چندین پاراگراف را ایجاد کرد.
مرورگرها بصورت پیش فرض و خودکار یک فضای خالی ( Margin ) را به قبل و بعد ( بالا و پایین ) تگ پاراگراف اضافه میکنند، ولی خب ما با استفاده از CSS میتونیم اون رو حذف یا تغییر بدیم.
Free-Learn
مثال از تگ p در HTML
در ادامه میتوانید یک مثال از این تگ را مشاهده نمایید.
مثال شماره ۱ : استفاده عادی از تگ P
|
1 2 3 4 5 6 7 8 |
<body> <p> سلام خوبی؟ من صادق هستم، اسم شما چیه؟ این یک پاراگراف هست سلام خوبی؟ من صادق هستم، اسم شما چیه؟ این یک پاراگراف هست سلام خوبی؟ من صادق هستم، اسم شما چیه؟ این یک پاراگراف هست سلام خوبی؟ من صادق هستم، اسم شما چیه؟ این یک پاراگراف هست </p> </body> |
مثال شماره ۲ : استایل دادن به تگ P با استفاده از CSS
|
1 2 3 4 5 6 7 8 9 10 11 |
<style> p{ margin:5px 0; background-color:#f2f2f2; padding:15px; font-family:tahoma; font-size:14px; } </style> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از تگ p در HTML پشتیبانی میکنند یا خیر.
| نام مرورگر | Chrome | Firefox | Opera | Safari | Edge |
| پشتیبانی | بله | بله | بله | بله | بله |
Free-Learn
پشتیبانی از صفات و رویدادهای عمومی
تگ p از صفات عمومی و رویدادهای عمومی در HTML پشتیبانی می کند.
Free-Learn
نکات و توضیحات
- برای قرار دادن متن ها در یک صفحه وب ، حتما سعی کنید از همین تگ پاراگراف استفاده نمایید.
- تگ پاراگراف یا P در دسته ی تگ های بلاکی ( یعنی تمام عرض سطر رو به خودشون اختصاص میدن ) می باشد.
Free-Learn
دستورات CSS پیش فرض
معمولا مرورگرها تگ p را بصورت پیش فرض با دستورات CSS زیر نمایش میدهند.
|
1 2 3 4 5 6 7 |
p { display: block; margin-top: 1em; margin-bottom: 1em; margin-left: 0; margin-right: 0; } |
