اجرای کد
تغییر قالب
تغییر موقعیت
خانه
×
Change Orientation
Change Theme, Dark/Light
<!DOCTYPE html> <html dir="rtl"> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body> <h1>عنصر picture در HTML</h1> <p>برای مشاهده تصاویر مختلف سایز صفحه را تغییر دهید.</p> <picture> <source media="(min-width:650px)" srcset="https://www.bubbleslearn.ir/wp-content/uploads/2021/07/img_pink_flowers.jpg"> <source media="(min-width:465px)" srcset="https://www.bubbleslearn.ir/wp-content/uploads/2021/07/img_white_flower.jpg"> <img src="https://www.bubbleslearn.ir/wp-content/uploads/2021/07/img_orange_flowers.jpg" alt="Flowers" style="width:auto;"> </picture> </body> </html>