۲۳ آذر ۱۳۹۰ ۱ 1296 بازدید

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

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

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

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

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

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

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

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

This is a paragraph.

Don’t forget to close your HTML tags!

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

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

 فاصله خط در HTML:

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

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

<html>
<body>
<p>This is</br>a para</br>graph</p>
</body>
</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>
<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>

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

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!

لطفا به این مطلب رای دهید
[تعداد: 0    میانگین: 0/5]

نظرات کاربران (۱)



  1. نام (ضروری)

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