img的用法

2024年5月30日发(作者：)

img的用法

`` 元素是 HTML 中用于嵌入图像的标签。它允许你在网页中显示图片。以下是一些关

于 `` 元素的基本用法：

1. 基本用法

```html

```

- `src` 属性：指定图像的路径。可以使用相对路径或绝对路径，也可以是远程图片的 URL。

- `alt` 属性：指定图像的替代文本，当图像无法加载时将显示替代文本。这对于可访问性很

重要。

2. 响应式图像

可以使用 `width` 和 `height` 属性设置图像的大小，也可以使用 CSS 样式。为了确保图像

在不同屏幕尺寸下保持响应式，可以使用 `max-width: 100%; height: auto;` 的样式。

```html

```

3. 图像映射（Image Maps）

`` 元素还可以与 `

击图像的不同区域执行不同的操作。

```html

```

这是一个简单的矩形区域映射的例子，点击图像的不同部分会导航到不同的页面。

这只是 `` 元素的一些基本用法，还有其他属性和技术，如懒加载 (`loading="lazy"`)、

`srcset` 属性用于响应式图像等，具体取决于你的需求和项目。