在 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
属性,从而更换图片。