菜鸟教程在线编辑器

AI 编程工具
 
                <!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>菜鸟教程(runoob.com)</title> 
</head>
<body>
	
<h1> picture 元素</h1>

<p>重置浏览器大小，查看效果：</p>

<picture>
  <source media="(min-width:650px)" srcset="https://static.jyshare.com/images/runoob-logo.png">
  <source media="(min-width:465px)" srcset="https://static.jyshare.com/images/code-icon-script.png">
  <img src="https://static.jyshare.com/images/mix/hjkg_icon.png"  style="width:auto;">
</picture>

</body>
</html>
              