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



visibility  
mode_comment   ۱۷

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

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

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

info نکته :

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

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

info نکته :

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

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

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

ذخیره فایل html

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

تگ <b>

comment دیدگاه کاربران
هومن

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

MR.Ali

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

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

learn Html

و رو نبستین 😀

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

لقمان آوند

ممنون عزیز …
بسته شد !

MR.Ali

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

سجاد دریس

سلام.
ممنون بابت تذکر. کد اصلاح شد.
درمورد آموزش 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?

azad1top

😳

رضا

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

کیوان علی محمدی

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

محمّد حسن مهرآذر

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

کیوان علی محمدی

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

ارسال نظرات

کاربر گرامی، امکان ارسال نظر و پشتیبانی برای دوره های مجازی فقط برای دانشجویان این دوره امکان پذیر می باشد.