آموزش پاراگراف در HTML

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

پاراگراف ها در HTML

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

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

نمایش کدهای HTML

ما نمی توانیم متوجه شویم که 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>