پاراگراف در HTML

مشاوره رایگان

برای مشاوره در زمینه
سایت و سئو
با ما تماس بگیرید.

شبکه های اجتماعی ما
دوره سئو مقدماتی

یک دوره مقدماتی و رایگان سئو که بسیار پربار و سرشار از تجربه مدرس و با کیفیت بالا تهیه شده تا بتوانید در زمان کمتری وب سایت را سئو کنید.

1527 نفر
4 دقیقه
بروزرسانی در: دی 21, 1391

فهرست مطالب

در هنگام طراحی صفحات وب، در بسیاری از مواقع نیاز خواهیم داشت تا بندها یا همان پاراگراف ها را با استفاده از کدهای اچ تی ام ال، نشانه گذاری کنیم.

پاراگراف ها با تگ <p> مشخص می شوند.

:به عنوان مثال

[html]
<html>
<body>
<p>This is a paragraph</p>
<p>This is a oaragraph</p>
</body>
</html>
[/html]

توجه: مرورگرها به طور خودکار یک خط خالی به قبل و بعد از یک پاراگراف اضافه می کنند.
توجه: تگ پایانی را فراموش نکنید!
بیشتر مرورگرها HTML شما را به درستی نمایش می دهند حتی اگر تگ پایانی را فراموش کرده باشید.

به عنوان مثال:

[html]
<html>
<body>
<p>This is a paragraph</p>
<p> Dont forget to close your HTML tags!
</body>
</html>
[/html]

که نتیجه کد بالا به صورت زیر است:

This is a paragraph.

Don’t forget to close your HTML tags!

مثال بالا در بیشتر مرورگرها کار می کند  ، اما نمی شود به آن تکیه کرد، زیرا فراموشی  تگ پایان می تواند نتایج  وخطاهای غیر منتظره تولید کند.

توجه: نسخه های آینده  HTML به شما این امکان را نمی دهند که نسبت به تگ های پایانی بی توجه باشید.

 فاصله خط در HTML:

با استفاده از  تگ  <br /> شما می توانید یک خط خالی(یاخط جدید) را بدون شروع یک پاراگراف جدید ایجاد کنید.

به عنوان مثال:

[html]
<html>
<body>
<p>This is</br>a para</br>graph</p>
</body>
</html>
[/html]

که نتیجه کد بالا به صورت زیر است:

This is
a para
graph

عنصر  br  یک عنصر HTML  خالی است بدین معنی که تگ پایانی ندارد. به این نوع از تگ ها در اچ تی ام ال، self closing tags نیز گفته می شود.

<br> or </br >

در XHTML  و XML عناصر بدون تگ پایانی (closing tag) مجاز نمی باشد.

با وجود اینکه تگ <br> در تمام مرورگر ها  کار می کند، اما نوشتن <br /> در برنامه های کاربردی XML و XHTML بهتر جواب می دهد.

یک تمرین در هنگام طراحی صفحات وب:

اگر می خواهید یک طراح صفحات وب خوب باشید و در حین کار با مشکلات کمتری مواجه بشوید، آنلاینر به شما توصیه می کند که سعی کنید هنگامی که از کدهای اچ تی ام ال استفاده می کنید، به محض اینکه یک تگ را باز می کنید، آن را بلافاصله ببندید و تگ انتهایی را با استفاده از تگ توضیحات (html comment tags) مشخص کنید. سپس سایر کدهای خودتان را بین تگ آغازین و پایانی تان بنویسید.

 اطلاعات مفید در خروجی های HTML:

وجود یکسری پارامترها و عوامل باعث می شوند تا شما نتوانید مطمئن باشید که HTML  چگونه نمایش داده خواهد شد. صفحه نمایش بزرگ یا کوچک ،و تغییر سایز پنجره ها می تواند منجر به نتیجه متفاوت شود. همچنین هر کدام از مرورگرها ممکن است برای خودشان یکسری سبک دهی های پیش فرض داشته باشند که آن ها را روی کدهای html اعمال کنند. البته با استفاده از css، می توان نحوه ی نمایش را کنترل کرده و از آن مطمئن شد.

نکته: با HTML شما نمی توانید خروجی را با اضافه کردن فضاهای اضافی و یا خطوط اضافی در کد  HTML خود تغییر دهید.

مرورگر فضاهای اضافی و خطوط اضافی را هنگامی که صفحه نمایش داده می شود حذف می کند. هر تعداد خطوط به عنوان یک خط شمارش می شود ، و هر تعداد از فضاهای شمارش بعنوان یک فاصله محسوب می شود.

 درمثال پایین برخی از مشکلات قالب بندی درHTML را مشاهده می کنید:

[html]
<html>
<body>
<p>
My Bonnie lies over the ocean.
My Bonnie lies over the sea.
Oh, bring back my Bonnie to me.
</p>
<p>Note that your browser ignores the layout!</p>
</body>
</html>
[/html]

که نتیجه کد بالا به صورت زیر است:

My Bonnie lies over the ocean. My Bonnie lies over the sea. Oh, bring back my Bonnie to me.

Note that your browser ignores the layout!

به این صفحه رتبه دهید
1 دیدگاه
انتشار: آذر 23, 1390
طراحی سایت خود را به ما بسپارید!
همین حالا برای مشاوره رایگان اقدام کنید.
طراحی سایت خود را به ما بسپارید!
همین حالا برای مشاوره رایگان اقدام کنید.
  • Avatar photo نام (ضروری) :

    سلام
    لطفاًاگر مؤسسه یا شرکتی جهت آموزش طراحی وب سایت واستخدام از برترین هنرجو های دوره می شناسید به من معرفی کنید.با تشکر

آیا نیازمند راهنمایی هستید؟
همین حالا برای مشاوره رایگان اقدام کنید
با پر کردن فرم، یک قدم به رشد آنلاین نزدیک‌تر شوید!
فرم درخواست مشاوره

برای راحتی شما عزیزان می‌توانید اطلاعات خود را در کادر زیر وارد کنید تا کارشناسان ما با شما تماس بگیرند

مشاوره رایگان
پیمایش به بالا