صفحه اصلی / دوره‌های آموزشی / آموزش HTML CSS دوره ای جامع و متفاوت / کاربرد عناصر چند رسانه ای، آموزش تگ Picture در html

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

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

جلسات دوره


                              
مهدی عباسی
مدرس:

مهدی عباسی

18 سال سابقه برنامه‌نویسی و تدریس برنامه‌نویسی
کسب مقام‌های اول و دوم کشوری در مسابقات برنامه‌نویسی

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

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

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


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


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

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


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

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

 

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

 

نظرات دانشجویان

کاربر درسمن
امیرعلی

سلام. دوره رو خریدم، سوالاتم رو کجا باید بپرسم؟

پشتیبانی 1
پشتیبانی 1

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

سوالاتتون میتوانید در انجمن برنامه نویسی درسمن مطرح نمایید.

 

کاربر درسمن
میلاد

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

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

نظر شما در تصمیم دیگران اثرگذار است.

لطفا برای همراهان درسمن و بهتر شدن دوره نظر خود را بنویسید.

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

223