آموزش HTML5 – جلسه نهم

  • ۲۰ بهمن ۱۳۹۳
  • 623 نفر
  • بدون دیدگاه
  • میلاد شاهی
 
1 Star2 Stars3 Stars4 Stars5 Stars
آموزش HTML5 - جلسه نهم

آموزش HTML5 – جلسه نهم

سلام. در این ساعت از وبلاگ و سری آموزش های کدنویسی آی وحید در خدمت شما هستیم. امروز نیز با ادامه سری جلسات آموزش HTML5 با شما هستیم. امروز نیز بیشتر با متن و تگ های مربوط به متن ها سروکار خواهیم داشت.

 تگ های فرمت دهی به متن در HTML

در جلسه قبل شما با خصوصیت style برای تگ های HTML آشنا شدید که میتوانستیم خصوصیاتی نظیر رنگ و اندازه و فونت و… رو تغییر بدیم.

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

برای مثال در این جلسه خواهیم آموخت که با استفاده از تگ <b> متن رو درشت تر و با استفاده از تگ <i> متن رو خمیده کنیم.

معمولا فرمت دهی هایی که برای متن وجود داره رو براتون اماده کردم. در واقع یک متن در زبان برنامه نویسی HTML چطور میتونه باشه!…

  • درشت
  • مهم
  • خمیده
  • تاکیدی
  • علامت گذاری شده
  • کوچک
  • حذف شده
  • دارای خط زیر
  • زیر نویس
  • بالا نویس

متن درشت

برای نمایش متن درشت در زبان برنامه نویسی HTML از تگ <b> استفاده می کنیم. برای مثال:

هم چنین تگی نیز به صورت <strong> وجود دارد که در واقع همان متن را درشت می کند اما تفاوتش در این است که این تگ بیشتر برای کلمات مهم و معنایی متن مورد استفاده قرار می گیرد.

متن خمیده و تاکیدی

برای نمایش متن به صورت خمیده از تگی به نام <i> استفاده می شود. توجه داشته باشید محتویات این تگ مهم نیست و فقط و فقط برای خمیدگی متن مورد استفاده قرار می گیرد. برای مثال:

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

توجه داشته باشید مرورگرها تگ های <b> <strong> <i> <em> را به یک شکل به کاربر نمایش میدهند در صورتی که تگ های <strong> و <em> در ساختار صفحه از اهمیت بیشتری برخوردارند.

متن کوچک

برای نمایش متن کوچک در زبان برنامه نویسی HTML از تگی با نام <small> برای کدنویسی استفاده می شود. برای مثال:

 متن علامت گذاری شده

در زبان برنامه نویسی HTML برای علامت گذاری یا همان هایلایت کردن یک متن از تگی با نام <mark> استفاده می شود. برای مثال:

 متن حذف شده

در زبان برنامه نویسی HTML برای نمایش متن هایی که قبلا وجود داشتند که الان وجود ندارند از تگی با نام <del> استفاده می شود. در واقع این تگ امروزه بیشتر در فروشگاه های اینترنتی نظیر دیجی کالا رونق دارد. نمونه تگ  برای مثال:

 متن دارای زیر خط

در زبان برنامه نویسی HTML برای قرار دادن زیر خط برای متن از تگی با نام <ins> استفاده می شود. نمونه تگ  برای مثال:

 زیر نویس

در زبان برنامه نویسی HTML برای نمایش متن به صورت زیر نویس از تگی با نام <sub> استفاده می شود. برای مثال:

 بالا نویس

در زبان برنامه نویسی HTML برای قراردادن متن به صورت بالانویس یا همان توان از تگی با نام <sup> استفاده می شود. برای مثال:

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

 

تارنما سازان وب پارس درگاه پرداخت واسط پی پکس لول رنگ - پالت رنگ های مورد تایید آی وحید تاتسی | tutsi فروشگاه قالب اختصاصی تمی

FB google plus