怎么用html写一个图片接口网页

以下是一个简单的图片接口网页的HTML代码示例：

<!DOCTYPE html>
<html>
<head>
	<title>图片接口网页</title>
</head>
<body>
	<h1>图片接口网页</h1>
	<img src="https://picsum.photos/200" alt="随机图片">
	<p>点击下面的按钮获取不同尺寸的随机图片：</p>
	<button onclick="getRandomImage()">获取随机图片</button>
	<script>
		function getRandomImage() {
			var width = Math.floor(Math.random() * 1000) + 200;
			var height = Math.floor(Math.random() * 1000) + 200;
			var url = "https://picsum.photos/" + width + "/" + height;
			document.getElementsByTagName("img")[0].src = url;
		}
	</script>
</body>
</html>

该网页包含一个标题、一张随机图片和一个按钮，点击按钮会获取不同尺寸的随机图片。其中，图片的URL使用了Picsum网站提供的图片接口。在JS代码中，使用了Math库随机生成图片的宽度和高度，并将其拼接到图片URL中，最后通过修改img标签的src属性来更新图片