پاراگراف بندی و اشعار در HTML
پاراگراف ها در html
یک پاراگراف همیشه از یک خط جدید شروع می شود و معمولاً یک بلوک از متن است. یک پاراگراف از یک خط جدید شروع می شود و مرورگرها قبل و بعد از یک پاراگراف به طور خودکار مقداری فضای سفید (حاشیه) اضافه می کنند.
پاراگراف بندی در HTML
مثال:
|
1 2 |
<p>.این یک پاراگراف است</p> <p>.این یک پاراگراف دیگر است</p> |
نمایش HTML
مثال:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
<p> این پاراگراف حاوی خطوط زیادی است در کد منبع ، اما مرورگر آن را نادیده می گیرد </p> <p> این پاراگراف حاوی خطوط زیادی است در کد منبع ، اما مرورگر آن را نادیده می گیرد </p> |
تگ hr و قوانین افقی HTML
مثال:
|
1 2 3 4 5 6 |
<h1>این عنوان 1 است</h1> <p>.این متن است</p> <hr> <h2>این عنوان 2 است</h2> <p>.این متن دیگری است</p> <hr> |
برچسب <hr> یک برچسب خالی است ، به این معنی که هیچ برچسب پایانی ندارد.
هنگام نوشتن پاراگراف های HTML ، متوجه خواهید شد که با فشار دادن ENTER خط جدیدی تولید نمی شود. شکست پاراگراف HTML با عنصر <br> تعریف می شود:
مثال:
|
1 |
<p>این<br>یک پاراگراف<br>با خطوط شکسته است.</p> |
برچسب <br> یک برچسب خالی است ، به این معنی که هیچ برچسب پایانی ندارد.
مشکل شعر (poem)
در صورت قرار ندادن کد <br> در جمله هایی که میخواهید به خط بعدی منتقل شوند مانند اشعار،با زدن ENTER با مشکل زیر مواجه خواهیم شد و تمام ابیات در یک خط نشان داده میشوند.
این شعر بعلت عدم استفاده از عنصر <br> در یک خط نمایش داده می شود:
مثال:
|
1 2 3 4 5 6 7 8 9 |
<p> از دی که گذشت هیچ ازو یاد مکن فردا که نیامده ست فریاد مکن برنامده و گذشته بنیاد مکن حالی خوش باش و عمر بر باد مکن </p> |
رفع مشکل اشعار در HTML _ عنصر<pre> در HTML:
عنصر<pre> در HTML متن از پیش قالب بندی شده را تعریف می کند.
متن درون یک عنصر <pre> با یک قلم با عرض ثابت (معمولاً پیک) نمایش داده می شود ، و هم فضاها و هم شکاف های خط را حفظ می کند یا به عبارت دیگرعنصر <pre> که مخفف Pre-formated یا پیش فرمت شده است، به کاربر اجازه می دهد تا متن خود را دقیقاً به همان شکلی که در این تگ چیدمان می کند به نمایش بگذارد و تمام فاصله های اضافی یا شکست خطوط یا خطوط خالی اضافی را در هنگام نمایش صفحه وب به همان شکل نمایش می دهد.
در صورتی که می خواهید همان طور که می نویسید نمایش دهید از تگ <pre> استفاده کنید:
مثال:
|
1 2 3 4 5 6 7 8 9 |
<pre> از دی که گذشت هیچ ازو یاد مکن فردا که نیامده ست فریاد مکن برنامده و گذشته بنیاد مکن حالی خوش باش و عمر بر باد مکن </pre> |