پاراگراف های HTML یا HTML Paragraphs
یک پاراگراف ( HTML Paragraphs ) همیشه از یک خط جدید شروع می شود و معمولاً یک متن است .
پاراگراف های HTML یا HTML Paragraphs
عنصر <p>در HTML یک پاراگراف را تعریف می کند .
یک پاراگراف همیشه از یک خط جدید شروع می شود و مرورگرها قبل و بعد از یک پاراگراف به طور خودکار فضای سفید (حاشیه) اضافه می کنند .
مثال :
|
۱
۲
|
<p>This is a paragraph.</p>
<p>This is another paragraph.</p> |
نمایش HTML
نمی توانید مطمئن باشید که HTML چگونه نمایش داده می شود .
صفحه های بزرگ یا کوچک و اندازه پنجره ها نتایج متفاوتی را ایجاد می کند .
با HTML ، نمی توانید صفحه نمایش را با افزودن فضاهای اضافی یا خطوط اضافی در کد HTML تغییر دهید .
هنگام نمایش صفحه ، مرورگر به طور خودکار فضاها و خطوط اضافی را حذف می کند :
مثال :
|
۱
۲
۳
۴
۵
۶
۷
۸
۹
۱۰
۱۱
۱۲
۱۳
۱۴
۱۵
|
<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
این برچسب <hr> وقفه موضوعی را در یک صفحه HTML تعریف می کند و اغلب به عنوان یک قانون افقی نمایش داده می شود .
این عنصر<hr> برای جدا سازی محتوا ( یا تعریف تغییر ) در یک صفحه HTML استفاده می شود :
مثال :
|
۱
۲
۳
۴
۵
۶
|
<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> |
تگ <hr> یک تگ خالی است ، به این معنی که بدون بر چسب پایان است .
خطوط HTML
عنصر <br> در HTML شکست خط را تعریف می کند .
اگر شما می خواهید از <br> استفاده کنید ، یک خط ( یک خط جدید ) بدون شروع یک پاراگراف جدید است :
مثال :
|
۱
|
<p>This is<br>a paragraph<br>with line breaks.</p>
|
تگ <br> یک تگ خالی است ، به این معنی که بدون بر چسب پایان است .
مسئله شعر یا The Poem Problem
این شعر در یک خط نمایش داده می شود:
مثال :
|
۱
۲
۳
۴
۵
۶
۷
۸
۹
|
<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. |
راه حل – عنصر <pre> در HTML
عنصر <pre>در متن HTML از پیش فرمت شده را تعریف می کند .
متن درون یک عنصر<pre>با یک قلم با عرض ثابت ( معمولاً Courier ) نمایش داده می شود ، و هم فضاها و هم شکاف های خط را حفظ می کند :
مثال :
|
۱
۲
۳
۴
۵
۶
۷
۸
۹
|
<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. |
تمامی مراحل آموزشی این دوره در آدرس HTML قرار دارد.
منتظر نظرات و پیشنهادات زیبای شما هستم .