پاراگرافهای HTML
از قبل برای عنوانها و بخشها از تیتر استفاده میکنید. بیشتر متن خواندنی بدنهٔ صفحه داخل پاراگراف است. این جلسه روی عنصر p تمرکز دارد — چگونه بنویسید، مرورگر چگونه نمایش میدهد، و تفاوتش با خطوط خالی در ویرایشگر چیست.
پاراگراف HTML چیست؟
پاراگراف HTML یک بلوک متن است که با عنصر p مشخص میشود. با <p> باز میکنید، متن را مینویسید، و با </p> میبندید. پاراگراف برای جملات عادی و بلوکهای کوتاه متن بدنه است، نه برای عنوان صفحه (آنها از تیتر استفاده میکنند).
پاسخ مستقیم
هر بلوک متن بدنه را در تگهای p خودش بپیچید. مرورگر هر p را یک پاراگراف میداند و معمولاً قبل و بعدش فاصله میگذارد. چند بار Enter در فایل HTML همان فاصله را نمیسازد — مرورگر فاصلههای سفید اضافی در منبع را جمع میکند مگر اینکه از عنصر درست استفاده کنید.
دو پاراگراف
html<p>پاراگرافهای HTML متن عادی بدنه را نگه میدارند.</p>
<p>هر پاراگراف بلوک محتوای خودش است.</p>خواندن مثال
- اولین
<p>…</p>یک پاراگراف است - دومین
<p>…</p>پاراگراف دیگری است - مرورگر آنها را بهصورت بلوکهای جدا، معمولاً با فاصله بینشان، نشان میدهد
- متن بین تگها همان محتوایی است که خواننده میبیند
فاصله سفید در منبع، چیدمان نیست
در ویرایشگر میتوانید Enter بزنید تا خواندن فایل HTML آسانتر شود. این یعنی مرورگر آن خطوط خالی را بهصورت فاصلههای بزرگ خالی نشان نمیدهد. برای شکست واقعی پاراگراف، از عنصرهای p جدا استفاده کنید. برای شکست خط داخل همان فکر — مثل آدرس کوتاه یا خط شعر — میتوانید از <br> استفاده کنید (با عناصر قبلاً مختصر دیدید).
پاراگراف با شکست خط
html<p>
مرکز یادگیری<br>
خیابان رودخانه ۱۲<br>
شهر نمونه
</p>پاراگراف را به ترفند فاصله خالی ترجیح دهید
تگهای خالی <p></p> را فقط برای هل دادن محتوا پایین صفحه روی هم نچینید. کل مقاله را اگر چند ایده است داخل یک پاراگراف غولپیکر نگذارید. ایدهها را به بلوکهای p روشن تقسیم کنید. بعداً CSS فاصله و فونت را کنترل میکند؛ HTML باید ساختار واقعی متن را علامت بزند.
خودتان امتحان کنید
- اسکلت پایهٔ HTML را باز کنید
- یک
h1و دو پاراگراف کوتاه زیر آن اضافه کنید - پاراگراف سومی اضافه کنید که برای آدرس چندخطی کوتاه از
<br>استفاده کند - ذخیره کنید و صفحه را در مرورگر باز کنید
- آنچه میبینید را با خطوط خالی فایل منبع مقایسه کنید
اشتباهات رایج
- تکیه بر خطوط خالی در منبع بهجای تگهای
pجدا - استفاده از تیتر وقتی فقط جملات عادی بدنه لازم است
- ساختن پاراگراف خالی فقط برای فاصله عمودی
- فراموش کردن
</p>پایانی در پاراگراف بلند - گذاشتن کل صفحه از ایدههای نامرتبط داخل یک
pتنها
خلاصه
- متن بدنه معمولاً داخل عنصر
pاست - هر پاراگراف باید بلوک
<p>…</p>خودش باشد - مرورگرها معمولاً بین پاراگرافها فاصله میگذارند
- Enterهای اضافه در منبع برابر فاصلهٔ واقعی چیدمان نیستند
- وقتی لازم است داخل پاراگراف از
<br>برای شکست خط استفاده کنید - ساختار را در HTML نگه دارید؛ فاصله را بعداً با CSS ظریف کنید
🧠 دانش خود را بیازمایید
دانش خود را بیازمایید
خود را با این آزمون تعاملی به چالش بکشید و ببینید موضوع را چقدر خوب درک کردهاید
📝 دستورالعملها
- هر سوال را با دقت بخوانید
- بهترین پاسخ را برای هر سوال انتخاب کنید
- میتوانید آزمون را هر چند بار که میخواهید تکرار کنید
- پیشرفت شما در بالا نمایش داده میشود