1. 前言
在网页开发中，图片是一个非常重要的元素，它能够使网页更加生动，更加直观。HTML 的 <img> 标签，就是用来加载图片的标签。本文将详细介绍 <img> 标签的使用方法和属性。
2. <img> 标签的用法
在网页开发中添加图片，并不困难，只需要用到 HTML 的 <img> 标签即可。
2.1 语法
<img src="图片文件名或URL地址" alt="替换文本">2.2 属性
常用的 <img> 标签的属性有：
src: (required) 图片文件名或URL地址。
alt: (required) 替换文本，用于在无法加载图片时显示。此外<img>标签对于SEO也很重要。
height: (非必需) 图片的高度，单位可以为像素 px 或 %，例如： height=“200px” 或 height=“50%”。
width: (非必需) 图片的宽度，单位可以为像素 px 或 %，例如： width=“200px” 或 width=“50%”。
align: (非必需) 图片对齐方式。该属性已被废弃， 不再建议使用。
3. 实例演示
下面是 <img> 标签对图片文件进行加载的实例：
3.1 加载本地图片
加载本地图片需要在img标签中添加图片路径。如下代码中加载了一张本地的图片：
<img src="images/cat.jpg" alt="一只可爱的猫咪">运行结果如下：
3.2 加载网络图片
加载网络图片需要在img标签中添加网络图片的URL。如下代码中加载了一张网络上的图片：
<img src="https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png" alt="Google Logo">运行结果如下：
4. 总结
<img> 标签是 HTML 中非常重要的一个标签，常用于加载图片。熟练掌握该标签的使用，对网页开发具有重要意义。希望该文能够对大家有所帮助。