با سلام خدمت همه دوستان  در این جلسه میخوام  قالب بندی متن و پاراگراف رو براتون آموزش بدم یعنی تگ هایی که باعث میشن ما بتونیم  یه متنی رو  به صورت دلخواه درست کنیم ، قبل از شروع این جلسه بهتون پیشنهاد میکنم که آموزش جلسه پیش رو یه مروری بکنید .

آموزش HTML – قالب بندی متن و پاراگراف

سرفصل ها

از تگ های سرفصل (Heading) برای تیتر و عنوان مطالب استفاده می کنیم ، حتماً دیدید بعضی از تیتر هارو بزرگ مینویسن چون که مطلب مهمیه و بعضی دیگه رو هم که از اهمیت کمتری دارن کوچیکتر مینویسن . ما هم میخوایم همین کار رو توی html انجام بدیم . به این مثال ها نگاه کنید :

<h1> سرفصل بزرگ ۱ </h1>
<h2> سرفصل ۲ </h2>
<h3> سرفصل ۳ </h3>
<h4> سرفصل ۴ </h4>
<h5> سرفصل ۵ </h5>
<h6> سرفصل ۶ </h6>

نوشته های داخل این کدها به ترتیب به این صورت نشون داده می شود :

سرفصل بزرگ ۱

سرفصل ۲

سرفصل ۳

سرفصل ۴

سر فصل ۵

سر فصل ۶

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

• تگ </ br>

وقتی که از تگ br استفاده کنیم بقیه متن به خط بعدی برده میشه . در واقع تگ </ br> یا همان LINE BREAK  کاری مشابه فشردن کلید Enter  به همراه Shift  را انجام می دهد. از این تگ زمانی استفاده می کنیم که بخوایم به خط بعدی بریم ، اگه جلسه قبل رو خونده باشید اونجا گفتم که تو اچ دی ام ال چیزی به عنوان اینتر نداریم که اینتر رو بزنیم بریم خط بعدی ، پس به جای اینتر از تگ br  استفاده می کنیم . این رو هم فراموش نکنید که این تگ نیازی به تگ پایانی ندارد . به مثال زیر نگاه کنید : این اولین خط است </ br> این دومین خط است.

نتیجه مثال بالا این طوریه :

این اولین خط است

این دومین خط است.

مرورگر اصولاً تا زمانی که به کمبود فضا برای یک خط برخورد نکنه به خط بعدی نمیره . اما تگ br مرورگر رو مجبور میکنه که به خط بعدی بره . مثلاً متن زیر رو توی ویرایشگر متن (notepad) خودتون بنویسید و به صورت html  ذخیره کنید ، فقط یه خط رو توی مرورگر خواهید دید :

من ،

یه خط جدید

میخوام درست کنم.

نتیجه به این صورت خواهد بود :   من ، یه خط جدید میخوام درست کنم.

• تگ <p>

این تگ پاراگراف هست . اگه می خواید یه پاراگراف درست کنید می تونید از این تگ استفاده کنید . به مثال زیر نگاه کنید :

<p> پاراگراف اول </p>
<p> پاراگراف دوم <br /> ادامه پاراگراف دوم 
</p>

اینم نتیجه متن بالا : پاراگراف اول   پاراگراف دوم ادامه پاراگراف دوم   ادمه مبحث بمونه واسه جلسه آینده .