الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكود
<!DOCTYPE html> <html> <body> <p>Image with multiple sources and sizes.<p> <!-- لجعل حجم الصورة التي sizes قمنا باستخدام الخاصية يقرر المتصفح تحميلها تظهر بشكل متجاوباً مع حجم الصفحة --> <picture> <source srcset="/tutorials/html/tags/source/small.PNG 500w, /tutorials/html/tags/source/medium.PNG 1500w" sizes="(max-width: 600px) 100px, 200px" type="image/png"> <img src="/tutorials/html/tags/source/default.PNG"> </picture> </body> </html>