Loading...
پاراگراف ها در HTML
در صفحات HTML برای تعریف پاراگراف ها در HTML از تگ <p> استفاده می شود. به مثال زیر توجه کنید:
1 2 | <p>This is a paragraph.</p> <p>This is another paragraph.</p> |
نکته: مانند عنوان ها، مرورگر ها به صورت خودکار به قبل و بعد از هر پاراگراف فضای خالی اضافه می کنند.
نمایش محتوا
شما نمی توانید از نحوه نمایش محتوای داخل سند مطمئن باشید زیرا بزرگ و یا کوچک شدن صفحه باعث می شود تا نحوه نمایش سند در شرایط مختلف یکسان نباشد. همچنین در HTML نمی توانید با افزودن فضای اضافی یا خطوط بیشتر به متن در خروجی آن ها تغییری ایجاد کنید و دلیل آن هم این است که مرورگر ها تمامی فضا ها و خطوط اضافی را حذف می کند.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | <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 برای تعریف خط جدید از عنصر <br> استفاده می شود. (خط فعلی را می شکند). اگر می خواهید بدون ایجاد یک پاراگراف جدید، یک خط جدید تعریف کنید از بهترین گزینه استفاده از <br> است.
1 | <p>This is<br>a paragraph<br>with line breaks.</p> |
توجه: <br> یک تگ خالی است، یعنی بدون تگ پایان (</br>) نوشته می شود.
مشکل شعر
در HTML اگر بخواهیم یک شعری را با استفاده از پاراگراف نمایش دهیم، با مشکلی که اصطلاحا به آن مشکل شعر می گویند مواجه می شویم. یعنی تمام متن شعر د یک خط نمایش داده می شود. برای درک بهتر موضوع به مثال زیر توجه کنید:
1 2 3 4 5 6 7 8 9 | <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> استفاده کنید که در ادامه بررسی می شود.
عنصر <pre>
وظیفه تگ <pre> نمایش متن به صورت پیش فرمت شده است. به معنی که متن به هر شکلی نوشته شود، همان شکل نمایش داده خواهد شد.
1 2 3 4 5 6 7 8 9 | <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> |
هیچ نظری ثبت نشده است