شما اینجا هستید

پاراگراف ها عمده ترین قسمت در یک سند HTML هستند و توضیحات متنی در یک صفحه با استفاده از پاراگرافها که با تگ <p> مشخص میشوند نوشته میشود.

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

<html>

<body>


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

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

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


</body>

</html>

مرورگرهای وب فضاهای خالی اضافه ای که با دکمه space ایجاد شده و همچنین خطهای جدیدی که با دکمه enter ایجاد شده را در نظر نمیگیرد. هر چند تا که فضای خالی یا خط جدید ایجاد کرده باشید، فقط یک فضای خالی در نظر گرفته میشود.

به همین دلیل متنی را که در تگ <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>

مشکل نوشتن شعر با تگ <p>

هنگامی که یک شعر را در عنصر p تایپ میکنیم و برای نوشتن بیت بعدی دکمه enter را میزنیم و به خط جدید میرویم مرورگر این خطهای جدید را به عنوان یک فضای خای در نظر میگیرد و همه بیتهای یک شعر را در یک خط نمایش میدهد.

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

برای حل مشکل نوشتن شعر در HTML تگ <pre> پیشنهاد میشود. این عنصر متن را از قبل قالب بندی میکند. متن داخل عنصر <pre> با پهنای ثابت نمایش داده میشود و همه فضاهای خالی و خطهای جدید را در نظر میگیرد. همچنین نوشته ها دیگر با کوچ و بزرگ شدن صفحه نمایش تغییر نمیکنند و سر جایشان باقی میمانند.

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

 

افزودن دیدگاه جدید

دیدگاه

  • تگ‌های HTML مجاز: <a> <em> <strong> <cite> <blockquote> <code> <ul> <ol> <li> <dl> <dt> <dd> <img>
  • خطوط و پاراگراف‌ها بطور خودکار اعمال می‌شوند.
  • نشانی صفحه‌ها وب و پست الکترونیک بصورت خودکار به پیوند تبدیل می‌شوند.

Plain text

  • تگ‌های HTML مجاز نیستند.
  • نشانی صفحه‌ها وب و پست الکترونیک بصورت خودکار به پیوند تبدیل می‌شوند.
  • خطوط و پاراگراف‌ها بطور خودکار اعمال می‌شوند.
كد امنيتي
این پرسش برای جلوگیری از ارسال اسپمهای اتوماتیک است.