📅  最后修改于: 2023-12-03 15:31:22.691000             🧑  作者: Mango
img
是一种常见的图像格式类型,它是 HTML 标签中用于在页面中插入图片的标签。当浏览器解析 HTML 页面时,会根据 src
属性值加载对应的图像。
<img src="image.jpg" alt="alt text">
其中,src
为图像的资源路径,可以是本地路径或远程 URL,alt
为图像的备用文本,用于在图像无法显示时显示。
alt
属性,友好地提示用户浏览器无法加载图像的原因。<!-- 加载本地图片 -->
<img src="./example.jpg" alt="这是一张示例图片">
<!-- 加载远程图片 -->
<img src="https://example.com/example.jpg" alt="这是一张示例图片">
<!-- 指定图像尺寸 -->
<img src="./example.jpg" alt="这是一张示例图片" width="200" height="200">
<!-- 点击图像放大 -->
<img src="./example.jpg" alt="这是一张示例图片" style="cursor: pointer;" onclick="alert('你点击了图片!')">