صفحه اصلی / دوره‌های آموزشی / آموزش HTML CSS دوره ای جامع و متفاوت / کاربرد عناصر چند رسانه ای، آموزش تگ 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>

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

نظرات

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

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

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

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

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

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

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

59 دقیقه / 10,000 تومان

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

29 دقیقه / 10,000 تومان

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

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

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

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

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

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

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

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

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

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

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

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

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

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

10 - آموزش فرم ها در html به صورت کاملا حرفه ای و کامل

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

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

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

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

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

13 - مفاهیم پایه در css،معرفی BEM و کار با صفتها و سلکتورها

82 دقیقه / 10,000 تومان

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

مشخصات دوره

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

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

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

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

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

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

تعداد دانشجویان 707

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

180,000تومان

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

مهدی عباسی

درباره مدرس :

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

دانلود رزومه

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