<html lang="en"><head> <title>ویژگی تصاویر در HTML 5</title></head><body> <picture> <source media="(min-width: 1000px)" srcset="./examples/images/logo-large.png"> <source media="(max-width: 500px)" srcset="./examples/images/logo-small.png"> <img src="./examples/images/logo-default.png" alt="to logo"> </picture> <p>توجه : اگر میخواهید کارکرد کامل این ویژگی را بهتر درک کنید از دکمه افقی که در بالای ادیتور تعبیه شده استفاده فرمایید</p></body></html> 