پاراگراف ها، قسمت عمده ای از یک سند HTML را تشکیل می دهند.

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

Wiki

پاراگراف ها به وسیله تگ <p> تعریف می شوند.

مثال (پاراگراف ها در HTML)

<p>This is a paragraph</p>
<p>This is another paragraph</p>
خودتان امتحان کنید »

نکته: مرورگرها به طور خودکار یک خط خالی را قبل و بعد از پاراگراف اضافه می کند.

تگ پایان را فراموش نکنید

Wiki

اغلب مرورگرها حتی اگر تگ پایان را هم نگذاریم صفحه را به درستی نمایش می دهند.

مثال (پاراگراف ها در HTML)

<p>This is a paragraph
<p>This is another paragraph
خودتان امتحان کنید »

مثال بالا در بیشتر مرورگرها عمل می کند، اما به آن اطمینانی نیست. فراموش کردن تگ پایان می تواند نتایج غیر منتظره یا خطاهایی را ایجاد کند.

تذکر: نسخه های آینده HTML به شما اجازه نمی دهد که تگ پایان را فراموش کنید.

رفتن به خط جدید در HTML

Wiki

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

مثال (پاراگراف ها در HTML)

<p>This is<br />a para<br />graph with line breaks</p>
خودتان امتحان کنید »

عنصر </ br> یک عنصر تهی در HTML است. این عنصر دارای تگ پایان نیست.

<br> یا </ br>

Wiki

در XHTML و XML عناصر بدون تگ پایان(تگ بسته) مجاز نمی باشند.

اگر چه <br>در تمام مرورگرها کار می کند، اما نوشتن </ br> در برنامه های XHTML و XML بهتر عمل می کند.

 خروجی HTML - نکات مفید

Wiki

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

هنگام نوشتن کدهای HTML، نباید انتظار داشته باشید که فاصله ها یا خط های اضافه در کدهای HTML در خروجی مرورگر نیز فاصله یا خط اضافه دیده شوند.

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

خودتان امتحان کنید

(این مثال بعضی از مشکلات فرمت دهی را در HTML نشان می دهد.)

مشکل نمایش اشعار در مرورگر

مثال (پاراگراف ها در HTML)

<p>شعر زیر، در مرورگر پشت سرهم و در یک خط نمایش داده خواهد شد</p>

<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)

<p>فاصله و خط های اضافی در شعر زیر به همان صورت نمایش داده خواهد شد</p>

<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>

خودتان امتحان کنید »

مثال - خودتان امتحان کنید

HTML paragraphs
چگونه پاراگراف ها در مرورگر نشان داده می شود.

Line breaks
رفتن به خط جدید در سندهای HTML.

Poem problems
بعضی مشکلات در فرمت دهی در HTML.

More paragraphs
رفتارهای پیش فرض در پاراگراف ها.

منبع تگ های HTML

منبع تگ های HTML حاوی اطلاعات اضافی در مورد عناصر HTML و خصوصیت های آن ها می باشد.

تگ توضیح
<p> یک پاراگراف را تعریف می کند.
<br /> خط جدیدی را وارد می کند.