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