在 HTML 中,可以使用 <img> 标签来显示图片。要显示更换图片的选项,可以在标签中添加 src 属性来指定要显示的图片的路径,并在标签中添加 alt 属性来为图片添加文字说明。然后,可以使用 JavaScript 或 CSS 来实现更换图片的选项。
例如,可以在 HTML 中添加一个按钮,当用户点击该按钮时,可以更换图片。下面是一个示例代码:
<img id="myImage" src="image1.jpg" alt="My Image">
<button onclick="changeImage()">Change Image</button>
<script>
function changeImage() {
var image = document.getElementById("myImage");
if (image.src.match("image1.jpg")) {
image.src = "image2.jpg";
image.alt = "My Second Image";
} else {
image.src = "image1.jpg";
image.alt = "My Image";
}
}
</script>
在上面的代码中,我们首先定义了一个带有 id 属性的图片标签 <img>,并设置了 src 属性和 alt 属性。然后,我们添加了一个按钮,当用户点击该按钮时,会调用 changeImage() 函数。该函数使用 JavaScript 来更改图片的 src 属性和 alt 属性,从而更换图片。