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

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

براي خريد اين درس نياز است وارد سايت شويد. در صورت نداشتن حساب کاربري عضو شويد.

کار با تصاویر در 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>

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

نظرات

امیرعلی

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

پشتیبانی 1

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

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

میلاد

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

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

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

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

آموزش HTML CSS دوره ای جامع و متفاوت

1 - آشنایی با طراحی وب، ساختار کلی صفحه و محیطهای برنامه نویسی(بخش اول)

30 دقیقه / رایگان

2 - آشنایی با طراحی وب، ساختار کلی صفحه و محیطهای برنامه نویسی(بخش دوم)

29 دقیقه / رایگان

3 - آموزش entities در html و آشنایی با تگ های پر کاربرد

29 دقیقه / رایگان

4 - شروع کد نویسی با visual studio code و پیوند بین صفحات

46 دقیقه / رایگان

5 - آموزش جامع قالب بندی متن یا Text Formatting درHTML

31 دقیقه / 50,000 تومان

6 - آموزش کار با تصاویر در htmlو آشنایی اولیه با دستورات css

21 دقیقه / 35,000 تومان

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

39 دقیقه / 42,000 تومان

8 - آموزش تگ video و audio، تگ ویدئو و صدا در html

24 دقیقه / 35,000 تومان

9 - آموزش کار با لیست ها در html کاملا کاربردی و جامع

19 دقیقه / 35,000 تومان

10 - کار با جدول در html، صفر تا صد جدول تو در تو در html

31 دقیقه / رایگان

11 - آموزش فرم ها در html به صورت کاملا حرفه ای و کامل(بخش اول)

13 دقیقه / 43,000 تومان

12 - آموزش فرم ها در html به صورت کاملا حرفه ای و کامل(بخش دوم)

49 دقیقه / 43,000 تومان

13 - آموزش فرم ها در html به صورت کاملا حرفه ای و کامل(بخش سوم)

57 دقیقه / 43,000 تومان

14 - تگ های جدید در html5 معرفی تمامی تگ های جدید

45 دقیقه / 25,000 تومان

15 - آموزش متا تگ ها و نحوه قرار دادن از favicon

23 دقیقه / 25,000 تومان

16 - مفاهیم پایه در css،معرفی BEM و کار با صفتها و سلکتورها(بخش اول)

26 دقیقه / 43,000 تومان

17 - مفاهیم پایه در css،معرفی BEM و کار با صفتها و سلکتورها(بخش دوم)

56 دقیقه / 43,000 تومان

18 - آموزش کار با رنگ ها در طراحی وب، کامل و حرفه ای

11 دقیقه / رایگان

19 - معرفی حرفه ای انتخابگر های ترکیبی و عناصر با وضعیت خاص(بخش اول)

35 دقیقه / 20,000 تومان

20 - آشنایی جامع و کاربردی با صفت های کار روی متون و فونت ها

40 دقیقه / رایگان

21 - انتخابگرهای عناصر با وضعیت خاص یا pseudo class selector (بخش دوم)

20 دقیقه / 43,000 تومان

22 - آموزش display و Position در css

20 دقیقه / 35,000 تومان

23 - آموزش FlexBox در css کاملا کاربردی و جامع

37 دقیقه / 43,000 تومان

24 - انتخابگرهایی برای بخشی از عناصر و برای عناصر با مقادیر ویژه

21 دقیقه / 43,000 تومان

25 - کار با لیست ها و جدول به صورت کامل و حرفه ای در css

16 دقیقه / 52,000 تومان

26 - آشنایی با overflow ،box model ،icon ،gradient و غیره در css

52 دقیقه / 43,000 تومان

27 - کار با صفتهای جذاب Transitions، Transform و Animation در css

35 دقیقه / 60,000 تومان

28 - صفت opacity و بررسی جامع واحدهای اندازه گیری در CSS

14 دقیقه / رایگان

29 - آموزش ریسپانسیو با css ساخت صفحات واکنش گرا

17 دقیقه / 43,000 تومان

30 - مفاهیم تکمیلی کار با FlexBox در css

21 دقیقه / 45,000 تومان

31 - تمرین های کاربردی html css

0 دقیقه / رایگان

مشخصات دوره

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

تعداد جلسات : جلسه

مدت زمان : 907 دقیقه

حجم دوره : 3/56 گیگابایت

سطح مهارت : مقدماتی تا پیشرفته

وضعیت دوره : پایان یافته

تعداد دانشجویان : 2468

: میانگین امتیاز

برای دسترسی به این دوره وارد یا عضو شوید.

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

مطالعه بیشتر

جدیدترین دوره ها