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


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

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

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

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

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

نمایش HTML

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

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

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

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

<p>
This paragraph
contains a lot of lines
in the source code,
but the browser
ignores it.
</p>

<p>
This paragraph
contains         a lot of spaces
in the source         code,
but the        browser
ignores it.
</p>

قوانین افقی HTML

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

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

<h1>This is heading 1</h1>
<p>This is some text.</p>
<hr>
<h2>This is heading 2</h2>
<p>This is some other text.</p>
<hr>

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


خطوط HTML

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

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

<p>This is<br>a paragraph<br>with line breaks.</p>

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


مسئله شعر

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

<p>
  My Bonnie lies over the ocean.

  My Bonnie lies over the sea.

  My Bonnie lies over the ocean.

  Oh, bring back my Bonnie to me.
</p>

راه حل – عنصر <pre> HTML

<pre>عنصر HTML متن از پیش فرمت شده را تعریف می کند.

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

<pre>
  My Bonnie lies over the ocean.

  My Bonnie lies over the sea.

  My Bonnie lies over the ocean.

  Oh, bring back my Bonnie to me.
</pre>

منبع