محمدرضا جفاکش سه شنبه 14 آذر 1396 09:52 ب.ظ نظرات ()

آموزش HTML (جلسه سوم )

قالب بندی متن HTML

(بخش اول)

سر تیتر ها

سر تیترها با برچسب های <h1>تا<h6>معرفی می شوند.<h1>بیانگر بزرگترین سرتیتر  و<h6> بیانگر کوچکترین سر تیتر است. HTML بطور خودکار فضای خالی اضافی  به قبل و بعد از سر تیترها اضافه می کند.

<h1> This is a heading </h1>

<h2> This is a heading </h2>

<h3> This is a heading </h3>

<h4> This is a heading </h4>

<h5> This is a heading </h5>

<h6> This is a heading </h6>

پاراگراف ها

پاراگراف ها با برچسب <p> معرفی می شوند.HTML بطور خودکار فضای خالی اضافی به قبل و بعد از یک پاراگراف اضافه می کند.


<p> This is a paragraph </p>

<p> This is another paragraph </p>

پرش به خط بعد

برچسب <br/> هنگامی استفاده می شود که بخواهیم یک خط را پایان دهیم اما نمی خواهیم یک پاراگراف جدید را آغاز کنیم.برچسب </br> شما را از هر جا که قرار دارید به یک خط پایین تر می برد. برچسب </br> یک برچسب تکی است و هیچ برچسب پایانی ندارد.

توضیحات در HTML

برچسب توضیحات برای وارد کردن توضیحات در منبع کد HTML استفاده می شود.توضیحات توسط مرورگرها نادیده گرفته می شوند. شما می توانید از توضیحات برای تشریح کد های خود استفاده کنید که می تواند به شما هنگامی که در آینده کد منبع خود را ویرایش می کنید کمک کند.

<!--This is a comment-->

توجه کنید که شما بعد از باز کردن براکت به علامت تعجب نیاز دارید اما قبل از بستن نیاز ندارید.

نکته:

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

برچسب ها

توضیحات

<html>

یک پرونده HTML را معرفی می کند

<body>

بدنه پرونده را معرفی می کند

<h1> to <h6>

سر تیتر 1 تا 6 را معرفی می کند

<p>

یک پاراگراف را معرفی می کند

</br>

یک خط خالی را معرفی می کند

<!-->

توضیحات را معرفی می کند