<img> 标签用于在网页中插入图像。它是一个空元素，没有闭合标签。
属性
src：指定图像的 URL。alt：指定图像的替代文本，当图像无法显示时将会显示该文本。title：指定图像的标题，当鼠标悬停在图像上时显示。width：指定图像的宽度。height：指定图像的高度。
示例代码
<img src="image.jpg" alt="A beautiful image" width="200" height="150">
在上面的示例中，我们插入了一个名为 "image.jpg" 的图像，设置了替代文本为 "A beautiful image"，宽度为 200 像素，高度为 150 像素。
注意事项
- 始终为图像添加
alt属性，以提供对图像的描述。 - 使用
width和height属性可以避免页面重新加载时图像的尺寸变化导致页面布局错乱。
<img> 标签是 web 前端开发中常用的标签之一，通过合理使用它可以为网页添加丰富的视觉效果。
| 属性 | 值 | 描述 |
|---|---|---|
| align | top bottom middle left right | HTML5 不支持。HTML 4.01 已废弃。规定如何根据周围的文本来排列图像。 |
| loading | eager：立即加载 lazy：延迟加载 | 指定浏览器是应立即加载图像还是延迟加载图像。 |
| alt | text | 规定图像的替代文本。 |
| border | pixels | HTML5 不支持。HTML 4.01 已废弃。 规定图像周围的边框。 |
| crossoriginNew | anonymous use-credentials | 设置图像的跨域属性 |
| height | pixels | 规定图像的高度。 |
| hspace | pixels | HTML5 不支持。HTML 4.01 已废弃。 规定图像左侧和右侧的空白。 |
| ismap | ismap | 将图像规定为服务器端图像映射。 |
| longdesc | URL | HTML5 不支持。HTML 4.01 已废弃。指向包含长的图像描述文档的 URL。 |
| src | URL | 规定显示图像的 URL。 |
| usemap | #mapname | 将图像定义为客户器端图像映射。 |
| vspace | pixels | HTML5 不支持。HTML 4.01 已废弃。规定图像顶部和底部的空白。 |
| width | pixels | 规定图像的宽度。 |