illustrator Curse
  • 7Learn Android Course
  • 7Learn SEO Course
  • 7Learn WP Theme Course

    حرفه ای ترین دوره آموزش طراحی قالب وردپرس



  آیا می دانید میانگین رضایت دانشجویان سون لرن از دوره ها، بیش از 94% می باشد!

آموزش HTML (قسمت 4) : تگ های قالب بندی متن (جلسه اول)

54979 ۲۵ شهریور ۹۱
1 2 3 4

در این مطلب با ساده ترین تگ های موجود در HTML آشنا خواهید شد. اکثر این تگ ها برای کنترل نحوه نمایش متن ها استفاده می شود. که از این رو به آن ها تگ های قالب بندی متن گفته می شود.

آشنایی با انواع تگ های قالب بندی متن

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

نکته : از این به بعد همراه با من شما نیز کدها را در ویرایشگر متن تایپ کرده و نتیجه کارتان را در مرورگر مشاهده کنید.

تگ <b>: متن داخل یک عنصر b در صفحه به صورت ضخیم نمایش داده خواهد شد. در کد زیر عبارت "7Lrean.com" در صفحه به صورت ضخیم نمایش داده خواهد شد:

نکته : برای نوشتن کدهای Html در نرم افزار Notepad++ بهتر است به نکات زیر دقت کنید:

  • از منوی Encoding (رمز گذاری) گزینه Encode in UTF-8 را انتخاب کنید تا هنگام تایپ فارسی کلمات به درستی در مرورگر نمایش داده شوند.
  • برای اینکه به برنامه بفهمانیم در حال نوشتن کدهای زبان HTML هستیم از منوی Language  گزینه H و سپس گزینه HTML را انتخاب کنید.

حالا پس از نوشتن کد بالا از منوی file گزینه save را انتخاب کنید. در پنجره ای که باز میشود ابتدا محل ذخیره سازی فایلتان را انتخاب کنید.، سپس در کادر مقابل عبارت file name نام فایل را بنویسید و فایل را با فرمت html. ذخیره کنید.

ذخیره فایل html

نتیجه کد در مرورگر:

تگ <b>

1 2 3 4
:: مطالب جدید سون لرن را از طریق ایمیل دریافت کنید :

دیدگاه ها 17 دیدگاه برای این مطلب ارسال شده است. نظردهی برای این مطلب بسته شده است .

  • ‏‏

    سلام وب سایت خوبی دارید خوش حال می شم به وب سایت من هم سر بزنید موفق باشید

  • ‏‏

    دست شما به خاطر آموزش خوبتون درد نکنه من که دارم پیش میرم بهاتون 😀
    امیدوارم بعد از این آموزش css رو هم بعد از این حتما یاد بدید که آموزشش ابتر نشه 😉

    فقط یه نکته اونم اینکه در این صفحه ی 4 کدش مشکل داره و شما

    learn Html

    و رو نبستین 😀

    بازم تشکر و سی اس اسم فراموش نشه 😆

  • ‏‏

    آقا انگار مشخص نشد تو پست قبلی
    تگ p رو نبستین :roll: 😉

    • ‏‏
      سجاد دریس(۲۱ مهر ۱۳۹۱)

      سلام.
      ممنون بابت تذکر. کد اصلاح شد.
      درمورد آموزش css هم چشم. بعد از تمام کردن آموزش html ، آموزش css هم قرار داده میشه.

  • ‏‏

    خیلی ممنون

  • ‏‏

    با عرض خسته نباشید من در رابطه با فارسی کردن کلمات پاراگراف مشکل دارم طبق گفته شما(منوی Encoding (رمز گذاری) گزینه Encode in UTF-8 را انتخاب کنید) عمل کردم اما نشد میشه راهنمایی کنید

    • ‏‏
      لقمان آوند(۱۶ آبان ۱۳۹۱)

      از تگ متای زیر در صفحه html خود استفاده کنید :

  • ‏‏
    golden-vpn(۱۶ بهمن ۱۳۹۱)

    khyelii alli bod amozesh haton faqta ye irad asasi ke dare kareton ine ke vaqti mikhaym maqale ro dl kunim faqat on safhei ke toshim dl mishe
    yani man alan safhe 2 hastam va faqat in safhe ro dl mikune va safhe 1 *3va4 dl nemishe ke khodesh kuli azyat mikune.. manam majbor shdoam dg ax begiram az har safhe ke rahat to systemam bashe
    rasti chera khodeton link mostaqim nemizarid ke fast dl kune vaqti rosh click kardim??
    injori ye panjere kochik baz mishe o kuli azyat mishim.. yeki az nokate karbar madari bod ina ke baes mishe to jashnvare ray e bishtari biarin
    bazam kheyli mamnon ke in amozesh haro mizarid in bozorg del bodaneton neshon mide ke to amokhtan khasis nistin maqalateton ro ke moikhonam kheyli rahat tar az kelas haye ostda mifahmam.. mamulan to kelas behtar mifahman ma inja behtar mifahmim bas ke ravoon va baz o rahat dore haro pish mibarin
    tnx aziz.

    • ‏‏
      لقمان آوند(۱۶ بهمن ۱۳۹۱)

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

  • ‏‏

    سلام میشه بفرمایید تگ acronym به چه معناست

    • ‏‏
      لقمان آوند(۱۵ اسفند ۱۳۹۱)

      برای نمایش خلاصه ی یک عبارت استفاده میشه و در وب معنایی می تونه مفید باشه . مثلا :
      Can I get this ASAP?

  • ‏‏

    😳

  • ‏‏

    با سلام چه جوری میشه موقع ساختن لینک رنگ لینک رو از آبی مثلا به قهوه ای تغییر داد ❓
    ممنون میشم اگه جواب بدید

    • ‏‏
      کیوان علی محمدی(۶ مرداد ۱۳۹۲)

      سلام کافیه توی فایل css برای تگ a ویژگی color رو برابر رنگ قهوه ای (#C90) قرار بدید.

  • ‏‏
    محمّد حسن مهرآذر(۱۸ مرداد ۱۳۹۲)

    سلام من فکر می کردم خیلی سخته ولی اینطوری ها هم نیست به نظر من زبان HTML زبان شیرینیه 😀

    • ‏‏
      کیوان علی محمدی(۱۸ مرداد ۱۳۹۲)

      بله اگه مخصوصا اگه علاقه شدید هم داشته باشی واقعا کد نویسی همیشه شیرینه.

  • ورود/عضویت سریع با اکانت فیسبوک/جیمیل شما

    :: شما می توانید با استفاده از اکانت یاهو یا جیمیل خود به صورت کاملا امن، سریع و بدون نیاز به ورود اطلاعات عضو و وارد سایت شوید. در این صورت هیچ نیازی به ورود نام کاربری و رمز عبور خود نخواهید داشت و هویت شما از طریق ایمیلتان مورد تائید قرار می گیرد .
    برای استفاده از این روش باید در اکانت گوگل(جیمیل) و یا یاهوی خود لاگین باشید .
    عضویت/ ورود سریع با :
    در حال اتصال ...

    ورود به سایت

    ورود سریع با :
    در حال اتصال ...

    جستجو در سون لرن

    عبارت :
    7LearnTelegram