نوشتن پاارگراف در HTML

نوشتن پاراگراف های HTML

دسته بندی : آموزش HTML سطح مقاله : متوسط زمان مطالعه : 2 دقیقه آخرین بروز رسانی: 02 آذر 1399

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

نحوه نوشتن پاراگراف های HTML

محتوای متنی در صفحات وب به پاراگراف های HTML تقسیم می شود. مرورگرهای وب بعد و قبل از یک پاراگراف به طور خودکار یک حاشیه (فضای سفید) اضافه می کنند تا آن ها از یکدیگر جدا شوند.

برای تعریف بخشی از متن به عنوان پاراگراف HTML ، باید از یک جفت تگ <p> استفاده کنید:

<p>This is a paragraph.</p>

<p>This is also a paragraph.</p>

<p>This is yet another paragraph.</p>

تقسیم مطالب خود به پاراگراف های HTML ، خواندن و دسترسی به آن را آسان تر می کند. فن آوری های کمکی (به عنوان مثال ، صفحه خوان ها) آن ها را نیز می شناسند و به کاربرانشان اجازه می دهند پاراگراف ها را رد کنند.

توجه: پاراگراف های HTML هیچ قالب بندی ندارند – باید به صورت دستی اضافه شوند.

کد HTML برای شکستن خط

هنگام نوشتن پاراگراف های HTML ، متوجه خواهید شد که با فشار دادن ENTER خط جدیدی تولید نمی شود. شکست پاراگراف HTML با عنصر <br> تعریف می شود:

<p>You can<br>break a paragraph<br>using line breaks.</p>

هر زمان که بخواهید یک خط جدید HTML اضافه کنید اما یک پاراگراف جدید اضافه نکنید ، می توانید از عنصر <br> استفاده کنید. از آنجا که یک عنصر خالی است ، تگ بسته ندارد.

اگر ترجیح می دهید پاراگراف های خود را به جای استفاده از پاراگراف HTML ساده ، با یک خط افقی جدا کنید ، از عنصر <hr> استفاده کنید:

<h1>Operating System</h1>
<h2>Mac OS</h2>
<p>A personal computer operating system developed and marketed by Apple Inc.</p>
<hr>
<h2>Windows</h2>
<p>A personal computer operating system developed, marketed, and sold by Microsoft Corporation.</p>

قالب بندی مجدد متن در پاراگراف های HTML

به طور پیش فرض ، متن موجود در عنصر <p> در یک خط نمایش داده می شود. این موارد باعث ایجاد مشکلاتی در هنگام نیاز متن به یک قالب خاص می شود (به عنوان مثال شعر یا آدرس پستی)

می توانید قالب بندی را با عنصر <pre> حفظ کنید. این فضاها و متن را دقیقاً همانطور که تایپ کرده اید حفظ می کند. پاراگراف های HTML از پیش فرمت شده با قلم با عرض ثابت (معمولاً پیک) نمایش داده می شوند:

<p>Both line breaks and spaces are preserved by the pre tag:</p>

<pre>
  My Doggo is flying into space.
  My Doggo is flying into space.
  My Doggo is flying into space.
  Oh, where will my Doggo fly now.
</pre>

توجه: در صورت استفاده از <pre> نیازی به درج عنصر پاراگراف های HTML نیست: متن از قبل قالب بندی شده به عنوان یک پاراگراف با قالب بندی منحصر به فرد محاسبه می شود.

نکات مهم پاراگراف های HTML

  • اگر از تگ بسته شدن <p> رد شوید ، عنصر پاراگراف به طور خودکار در HTML5 بسته می شود. با این حال ، XHTML سختگیرانه تر است و اجازه حذف برچسب ها را نمی دهد.
  • با استفاده از ویژگی CSS-indent indent می توانید پاراگراف های خود را با تورفتگی خط اول به جای حاشیه جدا کنید.
  • اگر به فاصله خالی بیشتری بین پاراگراف ها نیاز دارید ، از ویژگی CSS margin استفاده کنید. پاراگراف های خالی اضافه نکنید ، زیرا ممکن است کاربران را از فن آوری های کمکی گیج کند.

در دوره آموزش HTML بین المللی آکادمی دویکس به صورت رایگان ثبت نام کنید.

این مقاله چقدر براتون مفید بود؟

اولین امتیاز را ثبت کنید😊