图像格式 - img类型

简介

img 是一种常见的图像格式类型，它是 HTML 标签中用于在页面中插入图片的标签。当浏览器解析 HTML 页面时，会根据 src 属性值加载对应的图像。

语法

<img src="image.jpg" alt="alt text">

其中，src 为图像的资源路径，可以是本地路径或远程 URL，alt 为图像的备用文本，用于在图像无法显示时显示。

特点

• 支持多种图像格式，如 jpg、png、gif 等。
• 可以通过 CSS 样式对图像进行调整，如尺寸、位置、透明度等。
• 提供 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('你点击了图片！')">

参考链接

• MDN Web 文档：