دنیای برنامه نویسی و اپلیکیشن

baner-telegram
شما اینجا هستید : صفحه اول » طراحی سایت » آموزش HTML » آموزش HTML – قالب بندی متن و پاراگراف
آموزش html - قالب بندی متن و پاراگراف

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

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

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

سرفصل ها

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

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

سرفصل بزرگ ۱

سرفصل ۲

سرفصل ۳

سرفصل ۴

سر فصل ۵
سر فصل ۶

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

  • تگ </ br>

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

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

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

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

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

من ،

یه خط جدید

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

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

  • تگ <p>

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

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

پیشنهاد می کنیم حتما بخوانید :

درباره : رضا طوماری

دانشجوی رشته نرم افزار ، عاشق برنامه نویسی

نظرات کاربران :


  1. milad گفت:

    عالی بود مهندس طوماری