让我们继续学习如何在实际开发中使用图片标签。看案例：案例中有的图片显示正常，有的图片显示不正常，出现破损小图，破损小图右侧有一些文字。文字的作用是解释图片。由于某种原因图片无法正常显示，但仍然可以通过文字提醒用户图片显示的内容。它对屏幕阅读器特别友好，或者有视觉障碍的人可以通过屏幕阅读器知道这一点。有图，图想表达什么。实现这种效果非常简单。您只需要在img标签中添加一个alt属性。在编辑器中新建image7.html，新建img图片标签，导入一张图片，添加alt属性，值为前锋教育的logo。浏览找不到alt属性中的文本。alt属性定义的图片描述只会在图片加载失败时显示。接下来，我们将图像的路径更改为损坏图像的路径。回到浏览器，我们看到一个损坏的小图标和相应的文字提示，它占用了页面空间。为了进一步说明图片，当我们将鼠标放在正常显示的图片上时，鼠标右下角会显示提示文字。这个效果只需要在img标签中添加一个title属性即可。title是标签名和属性名，标签名和属性名不要冲突。回到编辑器，新建image8.html，新建img标签，导入一张图片，给img标签添加title属性，赋值给千峰HTML5主题——前端培训界的拉手Go回到浏览器查看结果，将鼠标放在图片上，鼠标后面可以看到相应的文字提示。当鼠标位置不同时，显示的文字位置也不同。title属性定义的内容不占用页面空间，默认隐藏。它只会在鼠标被绘制时显示。实现了网页图片的两个实用功能。文章视频链接：link
