HTML网页制作:[2]alt设置失效
1、OK,请看如图代码。我在body中,添加了如下代码:<img src="./test.jpg" border="5" alt = "好好看的图片啊">alt表示的文字为“好好看的图片啊”
![HTML网页制作:[2]alt设置失效](https://exp-picture.cdn.bcebos.com/555acf0ff2260d9a6b69802a622abab84340a5fe.jpg)
2、然而, 当我将鼠标放在图片上的时候,并没有显示出“好好看的图片啊”的字样。
![HTML网页制作:[2]alt设置失效](https://exp-picture.cdn.bcebos.com/c255efc595ee41c1d3403be08d88912ca4ca9bfe.jpg)
3、这是为什么呢?小编进行了尝试后发现,alt是当图片无法显示或者显示不完全的时候,才会显示“好好看的图片啊”字样,提示该图片是什么。而当图片可以显示的时候,是不会出现提示信息的。比如,我将沪枭诽纾代码改为:<img src="./test1.jpg" border="5" alt = "好好看的图片啊">这里,我将图片从test.jpg改为test1.jpg。而我其实是没有test1.jpg图片的。
![HTML网页制作:[2]alt设置失效](https://exp-picture.cdn.bcebos.com/994f412043715fdb47472e89468920c5270f8cfe.jpg)
4、再次打开该网页,可以看到提示的字样了。
![HTML网页制作:[2]alt设置失效](https://exp-picture.cdn.bcebos.com/2184380f8835dd8a21b9d2b403013870d44187fe.jpg)
5、那么,如何在显示图片的同时,显示提示的字皱诣愚继样呢?用title更改代码如下:<img src="./test.jpg" border="5" title = "好好看的图片啊">
![HTML网页制作:[2]alt设置失效](https://exp-picture.cdn.bcebos.com/51cd85cec7f88a77d8ba1fff6e4a2f27e6eff8fe.jpg)
6、此时,再打开网页,并将鼠标放在图片上,可以看到提示的信息
![HTML网页制作:[2]alt设置失效](https://exp-picture.cdn.bcebos.com/5c9c964ce54a2f276e88bfb5e00192dd3240f4fe.jpg)
7、综上所述:alt只有当图片显示不完全或因为网络问题或因为图片不存在等问题,才显示该图片是什么。title则是在图片显示完后,提示该图片的字样。