کاربرد عناصر چند رسانه ای، آموزش تگ Picture در html


آموزش تگ Picture در html
براي خريد اين درس نياز است وارد سايت شويد. در صورت نداشتن حساب کاربري عضو شويد.

کار با تصاویر در html:

در این بخش، به معرفی تگ <picture> و همچنین نکاتی برای سرچ تصویر،معرفی سایت هایی برای دانلود تصویروآیکون می پردازیم.


<picture> : برای درج تصویراستفاده می شود،همچنین با استفاده ازاین تگ می توانیم نمایش تصویر در دستگاه های مختلف (موبایل،تبلت و...) را کنترل کنیم.در این تگ، ازتگ های <img> و<source>  استفاده می شود.


<source> : آدرس تصویر را مشخص می کند.این تگ دارای صفات زیر می باشد:

  • srcset : آدرس تصویر را در این قسمت وارد می کنیم.
  • media : که شامل  minimum و maximum سایز دستگاه را مشخص می کند.
  • type : نوع mime تصویر، فیلم و صدا را مشخص می کند.mime شناسایی نوع فایل توسط مرورگرها می باشد.


شکل دستوری <picture> : 
 

<picture>
         <source srcset=”pic.jpg” media=”(min-width:1000px)” type=”image/jpeg”/>           <source srcset=”pic.png” media=”(min-width:700px)” type=”image/png”/>
         <img src:”pic.jpg” alt=”car”/>
</picture>

 

ممنون که تا اینجا با ما همرا بودید،برای یادگیری و درک بهتر مطالب، می توانید ویدئو آموزشی این بخش را خریداری کنید.smiley

 

نظرات
فائزه نادعلی
میلاد سلام دوره اموزش html وcss بسیار کاربردی هستش هم برای طراحی سایت و هم برای درآمد شما خیلی خوب آموزشش دادید ساده و کامل ممنون چون عالی بود

برای پاسخ باید وارد شوید

پشتیبانی 1
پشتیبانی 1 سلام و درود خدمت شما، ممنون نظر لطف شماس، موفق باشید

نظر بدهید نشانی ایمیل شما منتشر نخواهد شد .
برای ارسال نظر نیاز است وارد سایت شوید. در صورت نداشتن حساب کاربری عضو شوید.


مشخصات دوره


مدرس دوره : مهدی عباسی
تعداد جلسات 27 جلسه
مدت زمان 907 دقیقه
حجم دوره 3/55 گیگابایت
سطح مهارت مقدماتی تا پیشرفته
وضعیت دوره پایان یافته
تعداد دانشجویان 707
: میانگین امتیاز

180,000تومان
برای دسترسی به این دوره وارد یا عضو شوید.
مهدی عباسی

مهدی عباسی


درباره مدرس :

مهدی عباسی هستم، مسلط به حداقل ۲۰ زبان مطرح برنامه نویسی به صورت پیشرفته، مدیر عامل شرکت آریا نرم افزار و بنیانگذار آکادمی آنلاین درسمن، مسلط به تدریس دروس تخصصی کاردانی و کارشناسی کامپیوتر، پایگاه داده ... ده ها، برنامه نویسی پیشرفته، مبانی برنامه نویسی، مباحث ویژه طراحی وب و ....
بیشتر بدانید