دوره های آموزشی آکادمی پی وی لرن (پروژه محور و ویژه بازار کار)



  • ۲
  • آذر

جلسه ۴۳ : آموزش کار با تگ figcaption در HTML

  • دسته‌بندی‌ها :
جلسه ۴۳ : آموزش کار با تگ figcaption در HTML
    • جزئیات
    • نوع محتواآموزشی

      مقدمه

      سلام پی وی لرنی های عزیز!
      به دوره آموزش تگ های HTML خوش آمدید!
      HTML یا Hypertext Markup Language یک نوع زبان نشانه‌گذاری استاندارد برای ایجاد صفحات اینترنت و وب محسوب می شود.
      می توان ادعا کرد که HTML دروازه ورود و پیشرفت برای یادگیری سایر زبان های برنامه نویسی هم چون CSS و جاوا اسکریپت است.
      HTML ساختار و اسکلت صفحات وب را تشکیل می دهد و بدون آن نمی توان هیچ صفحه وبی را ساخت.
      دوست دارید طراح وب شوید؟
      خب باید HTML را بیاموزید!
      نگران نشوید! یادگیری HTML کار دشواری نیست و با کمی تلاش خیلی زود در آن استاد می شوید.
      در جلسه پیش با تگ fieldset آشنا شدیم و آموختیم که تگ fieldset برای گروه بندی عناصر مرتبط با فرم به کار می رود.
      در این جلسه آموزش کار با تگ figcaption در HTML را به علاقمندان این دوره ارائه می نماییم.

      آموزش کار با تگ figcaption در HTML

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

      مثال : 

      تعریف و کاربرد

      تگ figcaption تگی است که به تعیین عنوان یا کپشن برای تگ figure می پردازد.
      تگ figcaption را می توان به عنوان اولین یا آخرین child تگ figure مورد استفاده قرار داد.

       پشتیبانی مرورگر ها

      در جدول زیر می توانید پی ببرید که آیا مرورگرهای مختلف از تگ figcaption  پشتیبانی می کنند یا نه.

      عنصر
      <figcaption>۶٫۰۴٫۰۱۱٫۱۵٫۰۹٫۰

      تفاوت بین HTML 4.01 و HTML5

      تگ <figcaption> در HTML5 تگ جدیدی محسوب می شود.

      خصیصه های سراسری Global Attributes

      تگ <figcaption> از خصیصه های سراسری در HTML پشتیبانی می کند.

       خصیصه رویداد Event Attributes

      تگ <figcaption> از خصیصه رویداد در HTML پشتیبانی می کند.

      تنظیمات پیش فرض CSS

      بیشتر مرورگرها عنصر <figcaption> را با مقادیر پیش فرض زیر نمایش می دهند:

      مثال : 

      کلام آخر

      در این جلسه به آموزش کار با تگ figcaption در HTML پرداختیم و آموختیم که تگ figcaption به تعیین عنوان یا کپشن برای تگ figure می پردازد حالا این که تگ figure چیست موضوعی است که در جلسه آینده به آن می پردازیم.
      با پی وی لرن همراه باشید.

      QR:  جلسه ۴۳ : آموزش کار با تگ figcaption در HTML
      به اشتراک بگذارید