HTML网页制作：[2]alt设置失效

1、OK,请看如图代码。

我在body中，添加了如下代码：

<img src="./test.jpg" border="5" alt = "好好看的图片啊">

alt表示的文字为“好好看的图片啊”

2、然而， 当我将鼠标放在图片上的时候，并没有显示出“好好看的图片啊”的字样。

3、这是为什么呢？

小编进行了尝试后发现，alt是当图片无法显示或者显示不完全的时候，才会显示“好好看的图片啊”字样，提示该图片是什么。

而当图片可以显示的时候，是不会出现提示信息的。

比如，我将代码改为：

<img src="./test1.jpg" border="5" alt = "好好看的图片啊">

这里，我将图片从test.jpg改为test1.jpg。

而我其实是没有test1.jpg图片的。

4、再次打开该网页，可以看到提示的字样了。

5、那么，如何在显示图片的同时，显示提示的字样呢？

用title

更改代码如下：

<img src="./test.jpg" border="5" title = "好好看的图片啊">

6、此时，再打开网页，并将鼠标放在图片上，可以看到提示的信息

7、综上所述：

alt只有当图片显示不完全或因为网络问题或因为图片不存在等问题，才显示该图片是什么。

title则是在图片显示完后，提示该图片的字样。