###
在 HTML 文档中，图像是传达信息和吸引用户注意力的重要元素。`<img>`标签是 HTML 中用
于嵌入图像的标签，它允许你将图像文件插入到网页中。本文将详细介绍`<img>`标签的用
途、属性、如何优化图像以及代码示例。
#### 1. `<img>`标签的基本概念
**定义**：
`<img>`标签是 HTML（HyperText Markup Language）中的一个空元素，它用于在网页上嵌入
图像。它是一个自闭合标签，意味着它没有结束标签。
**基本用法**：
```html
<img src="image.jpg" alt="描述性文字">
```
在这个例子中，`src`属性指定了图像文件的路径，`alt`属性提供了图像的替代文本。
#### 2. `<img>`标签的重要性
**视觉吸引力**：
图像可以增强网页的美观度，吸引用户的注意力。
**信息传递**：
图像可以用来快速传达复杂信息，提高信息的可理解性。
**用户体验**：
适当的图像大小和布局可以提升用户的浏览体验。
**SEO 优化**：
图像的`alt`属性有助于搜索引擎理解图像内容，提升网页的 SEO 表现。
#### 3. `<img>`标签的属性
**src 属性**：
指定图像文件的 URL。
**alt 属性**：
提供图像的替代文本，用于图像无法显示时提供信息。
**title 属性**：
提供当用户将鼠标悬停在图像上时显示的工具提示文本。
**width 和 height 属性**：
资源评论
