html中img标签中的alt、title属性简介与说明


摘要:
下文讲述html中的img标签中alt属性和title属性的相关说明,如下所示:


在html标签中,img标签中拥有常规属性 width height,还有我们常用的属性alt和title,这两个属性也是我们常用的属性

alt 属性功能

alt 主要用于图片中的提示信息,当图片链接错误时,图片的显示位置会显示alt中的信息。


title属性功能

当图片正常显示时,鼠标指向图片的位置时,图片上会显示title中的信息。


alt和title属性举例简介说明

 >!DOCTYPE html<
>html lang="en"<
>head<
    >meta charset="UTF-8"<
    >title<html中img标签的alt及title属性简介说明>/title<
>/head<
    >body<
       >img src="maomao365.jpg" width="100px" height="100px" alt="sqlserverBlog"/<
    >!--在图片地址无法链接出图片信息时alt中的内容将会显示在图片的位置,当一个img标签无图片时,也会显示alt中的内容--<
        >img src="maomao365.jpg" width="100px" height="100px" title="sqlserver爱好者"/<
    >!--在图片能够正常显示时,鼠标指向图片时,则显示title中的内容--<
    >/body<
>/html<