يگ پارگراف، يك بلوك يا ناحيه متني است كه هميشه از خط جديد شروع ميگردد.
تگHTML <p> يگ پارگراف را تعريف ميكند .
يگ پارگراف هميشه ازخط جديد شروع ميشود .مرورگر بصورت اتوماتيك فضاي خالي قبل وبعداز متن پارگراف قرار ميدهد.نمونه پارگراف مطابق زير:
<p>This is a paragraph.<<p> <p>This is another paragraph.</p>
مثال ـ نمونه استفاده از<p>
<!DOCTYPE html> <html> <body> <p>This is a paragraph.</p> <p>This is a paragraph.</p> <p>This is a paragraph.</p> </body> </html>
مطمئن نيستيم كه صفحهHTML چگونه نمايش داده ميشود، كوچكي يا بزرگي صفحه نمايش و تغيير انداره صفحه، نتايج متفاوتي در نمايش دارد.
درHTMLنميتوانيد با قراردادن فاصله يا افزودن خط خالي نمايش صفحه را تنظيم نمائيد .مرورگر بصورت خودكار فواصل يا خطوط اضافي را در هنگام نمايش حذف ميكند.
مثال ـ در دو پارگراف عنصر<p> در مثال زير نحوي نوشتن ونمايش را مقايسه كنيد.
<html> <body> <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> <p> The number of lines in a paragraph depends on the size of the browser window. If you resize the browser window, the number of lines in this paragraph will change. </p> </body> </html>
تگHTML <hr> براي تفكيك موضوعي در صفحه بكار گرفته ميشود .وباعث ميشود براي تفكيك خط افقي بعنوان جداكننده در صفحه ترسيم شود.
مثال ـ كابردتگ<hr>
<!DOCTYPE html> <html> <body> <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> <h2>This is heading 2</h2> <p>This is some other text.</p> </body> </html>
نكته ـ تگ<hr> يك تگ تهي ميباشد، يعني داراي تگ پاياني نيست.
تگHTML <br> يك خط فاصله را تعريف مي كند .اگر ميخواهيد در داخل پاراگرف خط جديد شروع شود، ازاين تگ استفاده كنيد.
مثال ـ استفاده تگ فوق در داخل پاراگراف
<!DOCTYPE html> <html> <body> <p>This is<br>a paragraph<br>with line breaks.</p> </body> </html>
تگ<br> يگ عنصر تهي است، يعني تگ پاياني ندارد .
اگر شعري در عنصر پاراگراف وارد شود، در نمايش ساختار شعر ندارد .علت حذف فواصل توسط مرورگر ميباشد .به نمونه زير توجه كنيد.
مثال ـ شعر در پاراگراف.
<!DOCTYPE html> <html> <body> <p>In HTML, spaces and new lines are ignored:</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> </body> </html>
برطرف نمودن مشكل شعر استفاده از عنصر<pre> ميباشد .
بااين تگ ميتوان متن تنظيم شده اي راتعريف نمود .مرورگر دراين مورد فواصل وخطوط تفكيكي را حذف نمي نمايد.
مثال ـ همان متن قبلي با استفاده از تگ<pre>
<!DOCTYPE html> <html> <body> <p>The pre tag preserves both spaces and line breaks:</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> </body> </html>