📜  img 格式的类型 (1)

📅  最后修改于: 2023-12-03 15:31:22.691000             🧑  作者: Mango

图像格式 - img类型

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('你点击了图片!')">
参考链接