آموزش تگ p در HTML
آموزش تگ p در HTML
دوست من سلام امیدوارم حالتون عالی و پر از انرژی باشید. توی این بخش از آموزش html css قراره که با آموزش تگ p در HTML به صورت کامل آشنا بشید.
تگ P در HTML
تگ p که از کلمه بلند Paragraph گرفته شده، همونطور که از اسمش پیدا ست ، تگی است که با استفاده از آن میتوان در یک صفحه وب یک یا چندین پاراگراف و متن های مختلف ایجاد کرد.
مرورگرها بصورت پیش فرض و از پیش تعریف شده یک فضای خالی ( Margin ) را به قبل و بعد ( بالا و پایین ) تگ پاراگراف اضافه میکنند، اما خب ما با استفاده از CSS میتونیم اون رو حذف یا تغییر بدیم.
مثال از تگ p در HTML
در ادامه آموزش html و css میتوانید یک مثال از این تگ را مشاهده نمایید.
مثال شماره یک : استفاده عادی از تگ P
<body> <p> سلام خوبی؟ سلام خوبی؟ </p> </body>
مثال دوم : استایل دادن به تگ P با استفاده از CSS
<style>
p{
margin:5px 0;
background-color:#f2f2f2;
padding:15px;
font-family:tahoma;
font-size:14px;
}
</style>
راستی اگر دنبال آموزش html css پروژه محور هستید می توانید از دوره ی آموزش وردپرس پوش استفاده کنید. جهت مشاهده ی 28 ساعت ویدیو آموزشی با پشتیبانی مادام العمر روی این لینک کلیک کنید.
پشتیبانی مرورگرها
در جدولی که در پایین مشاهده می کنید به این نتیجه می رسید که آیا مرورگرهای اینترنتی از تگ p در HTML پشتیبانی میکنند یا خیر.
پشتیبانی از صفات و رویدادهای عمومی
تگ p از صفات عمومی و رویدادهای عمومی در HTML پشتیبانی می کند.
نکات و توضیحات
- حتما تمام سعی خودتونو بکنید که از همین تگ پاراگراف برای قرار دادن متن ها در یک صفحه وب، بهره بگیرید.
- تگ پاراگراف یا P در گروه تگ های بلاکی ( یعنی تمام عرض سطر رو به خودشون اختصاص میدن ) است.
دستورات CSS پیش فرض
در اکثر مواقع مرورگرها تگ p را بصورت پیش فرض با دستورات CSS زیر نمایش میدهند.
p {
display: block;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
}
شما میتوانید با دوره ی آموزشی html css در این موارد بسیار مهارت پیدا کنید.
در صورتی که مشکلی دارید و قادر به حل آن نیستید می توانید با ما در تماس باشید
دیدگاهتان را بنویسید