پاراگراف ها در HTML با المان <p> مشخص می شوند .
مثال :
<p>این یک پاراگراف است</p>
<p>این پاراگراف دیگری است</p>
! خودتو امتحان کن
نکته : مرورگر ها به صورت خودکار یک فاصله به قبل و بعد از پاراگراف اضافه می کنند .
نمایش HTML
شما نمی توانید مطمئن شوید که HTML چگونه نمایش داده خواهد شد .
صفحه کوچک یا بزرگ و تغییر اندازه صفحه نتایج متفاوتی را بوجود می آورد . در HTML با اضافه کردن فاصله ی اضافی در کد های HTML ، نمی توانید خروجی کد ها را تغییر دهید . مرورگر در زمان نمایش صفحه ، به صورت خودکار تمامی فاصله ها و خطوط اضافی را حذف می کند .
مثال :
<p>
این پاراگراف خطوط
زیادی را در سورس کد
خود دارد ، اما مرورگر تمامی
آنها را نادیده می گیرد .
</p>
<p>
این پاراگراف فاصله های
زیادی را در سورس کد
خودش دارد اما مرورگر
تمامی آنها را نادیده می گیرد .
</p>
! خودتو امتحان کن
تگ پایانی را فراموش نکنید !
بیشتر مرورگر ها نتیجه را به خوبی نمایش می دهند حتی اگر تگ پایانی را فراموش کنید .
مثال :
<p>این یک پاراگراف است.
<p>این پاراگراف دیگری است.
نکته : عدم استفاده از تگ پایانی می تواند نتیجه های غیر منتظره ای را بوجود بیاورد .
شکستن خطوط در HTML
با استفاده از تگ <br> می توانید خطوط را بشکنید و به خط جدید بروید بدون اینکه پاراگراف جدیدی ایجاد کنید .
مثال :
<p>این<br>یک پاراگراف<br>با خطوط شکسته است</p>
! خودتو امتحان کن
تگ <br> یک تگ خالی می باشد به این معنا که تگ پایانی ندارد .
المان <pre> در HTML
المان <pre> یک متن پیش فرمت شده را نشان می دهد . متن داخل <pre> در یک فونت ثابت نمایش داده می شود و فضاهای خالی و خطوط اضافی حذف نمی شوند .
مثال :
<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>
! خودتو امتحان کن
بر عکس :
<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>
! خودتو امتحان کن
خودت را با تمرین های زیر امتحان کن .
تمرین اول تمرین دوم تمرین سوم تمرین چهارم
مرجع تگ های HTML
تگ | توضیح |
---|---|
<p> | یک پاراگراف را مشخص می کند |
<br> | خطوط را می شکند |
<pre> | یک متن پیش فرمت شده را مشخص می کند |