تخفیف نوروزی پی استور
کد تخفیف: PR1404
شامل تمامی آثار
روز
ساعت
دقیقه
ثانیه
تخفیف نوروزی پی استور
اگه با بحث block-level آشنایی ندارین به مقاله آموزش html ما مراجعه کنین. مرورگرها به قبل و بعد تگ p، یک فضای خالی یا margin اضافه می‌کنن. البته شما می‌تونین با دستورات css این فضا رو کم و زیاد کنین.
به مثال زیر دقت کنین:
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<p>This is a paragraph</p>
</body>
</html>
چنانچه در مثال بالا هم مشاهده می‌کنین، این المان، تگ پایانی داره و باید با <p/> بسته بشه.
اگر بین ابتدای محتوا و تگ باز <p> فاصله باشه یا خودتون فاصله بذارین، این فاصله در مرورگر نادیده گرفته شده و نمایش داده نمی‌شه :
<p> my name is Salar Abapour.</p>
و نتیجه :
در یک تگ p، اینتر زدن بین سطرها باعث ایجاد خط جدید نمی‌شه:
<p>
hello.
my name is Salar Abapour.
whats your name?
how are you?
</p>
در این مثال، در بین خطوط از دکمه Enter در کیبورد استفاده کردیم، اما هیچکدوم اعمال نخواهند شد:
اگه قصد دارین در یک پاراگراف، یه سطر جدید رو شروع کنین و درضمن نمی‌خواین یه تگ p جدید باز کنین، باید از تگ br استفاده کنین:
<p>
hello.<br/>my name is Salar Abapour.<br/>whats your name?<br/>how are you?
</p>
حالا همونی خواهد شد که انتظار داشتین:
<p>Hello</p><p>My name is Salar Abapour</p>
و نتیجه در مرورگر:
با اینکه هر دو تگ پاراگراف بغل هم نوشته شدنن اما باز مشاهده می‌کنین که هرکدوم، یک سطر جدید به خود اختصاص دادن. این نکته یکی از نکات مهم در نوشتن تگ پاراگراف در HTML است.
دستورات پیش فرض css برای این تگ در غالب مرورگرها این است:
p {
display: block;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
}
به عبارتی اکثر مرورگرها تگ پاراگراف رو با این استایل‌ها نشون می‌دن. البته شما می‌تونین هر استایلی که خواستین به این تگ اعمال کنین. در فیلم آموزشی اچ تی ام ال نیز می‌تونین نه این تگ بلکه همه تگ‌ها رو یکجا به صورت حرفه‌ای و کاربردی یاد بگیرین.
تمامی مرورگرها از تگ پاراگراف پشتیبانی کامل می‌کنن:
| نام مرورگر |  |
 |
 |
 |
 |
| پشتیبانی می کند؟ | بله | بله | بله | بله | بله |
