پاراگراف‌های HTML

یک پاراگراف همیشه در یک خط جدید شروع می‌شود و معمولاً یک بلوک از متن است.

پاراگراف‌های HTML

المان  <p> یک پاراگراف را تعریف می‌کند.

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

مثال

<p>این یک پاراگراف است.</p>
<p>این پاراگراف دیگری است.</p>

نمایش HTML

شما نمی‌توانید مطمئن باشید که HTML چگونه نمایش داده خواهد شد.

صفحه‌نمایش‌های بزرگ یا کوچک و پنجره‌های تغییر اندازه‌داده شده نتایج مختلفی ایجاد می‌کنند.

با HTML، شما نمی‌توانید نمایش را با اضافه کردن فضاهای اضافی یا خطوط اضافی در کد HTML خود تغییر دهید.

مرورگر به طور خودکار هرگونه فضا و خط اضافی را هنگام نمایش صفحه حذف می‌کند:

مثال

<p>
این پاراگراف
حاوی خطوط زیادی
در کد منبع است،
اما مرورگر
آن را نادیده می‌گیرد.
</p>

<p>
این پاراگراف
حاوی         فضاهای زیادی
در کد منبع         است،
اما         مرورگر
آن را نادیده می‌گیرد.
</p>

خطوط افقی HTML

تگ <hr> یک شکست موضوعی در صفحه HTML تعریف می‌کند و اغلب به صورت یک خط افقی نمایش داده می‌شود.

المان <hr> برای جدا کردن محتوا (یا تعریف یک تغییر) در صفحه HTML استفاده می‌شود:

مثال

<h1>این عنوان 1 است</h1>
<p>این مقداری متن است.</p>
<hr>
<h2>این عنوان 2 است</h2>
<p>این مقداری متن دیگر است.</p>
<hr>

تگ <hr> یک تگ خالی است، به این معنی که تگ پایان ندارد.

شکستن خط HTML

المان <br> شکستن خط را تعریف می‌کند.

اگر می‌خواهید یک خط بشکند (یک خط جدید) بدون شروع یک پاراگراف جدید از <br> استفاده کنید:

مثال

<p>این<br>یک پاراگراف<br>با شکستن خط است.</p>

تگ <br> یک تگ خالی است، به این معنی که تگ پایان ندارد.

مشکل شعر

این شعر در یک خط واحد نمایش داده می‌شود:

مثال

<p>
  بانوی من بر فراز اقیانوس آرمیده.
  
  بانوی من بر فراز دریا آرمیده.
  
  بانوی من بر فراز اقیانوس آرمیده.
  
  آه، بانوی مرا به من بازگردان.
</p>

راه‌حل - المان <pre>

المان  <pre> متن از پیش قالب‌بندی شده را تعریف می‌کند.

متن داخل یک المان <pre> در یک فونت با عرض ثابت (معمولاً Courier) نمایش داده می‌شود و هم فضاها و هم شکستن خط‌ها را حفظ می‌کند:

مثال

<pre>
  بانوی من بر فراز اقیانوس آرمیده.
  
  بانوی من بر فراز دریا آرمیده.
  
  بانوی من بر فراز اقیانوس آرمیده.
  
  آه، بانوی مرا به من بازگردان.
</pre>

مرجع تگ HTML

مرجع تگ ParsRepo شامل اطلاعات اضافی درباره عناصر HTML و ویژگی‌های آن‌ها است.